@charset "UTF-8";
/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
/*字体标准*/
* {
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #565656; }

.fr {
    float: right; }

.fl {
    float: left; }

b.up {
    color: #2ed383 !important; }

b.down {
    color: #ec644c  !important; }

/******************************************************************************************************************************后台全局阴影*/
.boxshadow {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    padding: 20px 15px;
    background-color: #fff; }
.boxshadow > div > span.fr {
    color: #237bd0;
    font-size: 12px;
    cursor: pointer; }

/****************************************************************************************************************三角形的图案的使用*/
.graph {
    position: absolute;
    z-index: 2;
    width: 10px;
    height: 10px;
    top: 0;
    top: 50%;
    margin-top: -5px;
    background: url(../../img/triangle.png) no-repeat; }

.triangle-gray-bottom {
    background-position: 0 0; }

.triangle-gray-right {
    background-position: -10px 0; }

.triangle-white-bottom {
    background-position: -30px 0; }

/************************************************************************************************全局tg-icon的定位使用*/
.tg-icon {
    background: url(../../img/tg-icon.png) no-repeat; }

.tg-search-icon {
    background-position: -84px 0; }

.tg-date-icon {
    background-position: 0 -57px; }

.tg-pic {
    background-position: 0 0; }

.tg-pic-selected {
    background-position: 0 -28px; }

.tg-table {
    background-position: -28px 0; }

.tg-table-selected {
    background-position: -28px -28px; }

.tg-download {
    background-position: -56px 0; }

.tg-tieba-man {
    background-position: -86px  -78px;
    height: 17px !important;
    top: 5px !important; }

.tg-tieba-clock {
    background-position: -86px -58px; }

.tg-tieba-num {
    background-position: -86px -38px; }

.tg-tieba-href {
    background-position: -86px -19px; }

.tg-talk-qq {
    background-position: -26px -57px;
    width: 16px !important; }

.tg-talk-auto {
    background-position: -76px -274px;
    width: 19px !important;
    height: 14px !important; }

.tg-talk-doc {
    background-position: -12px -54px;
    width: 14px !important;
    height: 19px !important; }

.tg-talk-resolve {
    background-position: -17px -75px; }

.tg-sort-icon {
    background-position: -59px -56px; }

.arrow-up {
    background-position: -41px -56px; }

.tg-top-icon-1 {
    background-position: 0 -182px; }

.tg-top-icon-2 {
    background-position: 0px -152px; }

.tg-top-icon-3 {
    background-position: -30px  -152px; }

.tg-top-icon-4 {
    background-position: 0px -242px; }

.tg-top-icon-5 {
    background-position: -60px -152px; }

.tg-title-icon-1 {
    background-position: -30px -182px; }

.tg-title-icon-2 {
    background-position: 0 -212px; }

.tg-title-icon-3 {
    background-position: -60px -182px; }

.change-color-icon1 {
    background-position: 0 -328px; }

.change-color-icon2 {
    background-position: -20px -328px; }

.change-color-icon3 {
    background-position: -40px -328px; }

.change-color-icon4 {
    background-position: -60px -328px; }

.change-color-icon5 {
    background-position: -80px -328px; }

.tg-side-icon-1 {
    background-position: 0 -92px; }

.tg-side-icon-2 {
    background-position: -20px -92px; }

.tg-side-icon-3 {
    background-position: -40px -92px; }

.tg-side-icon-4 {
    background-position: -60px -92px; }

.tg-side-icon-5 {
    background-position: -80px  -92px; }

.tg-side-icon-6 {
    background-position: 0  -112px; }

.tg-side-icon-7 {
    background-position: -20px -112px; }

.tg-side-icon-8 {
    background-position: -40px  -112px; }

.tg-side-icon-9 {
    background-position: -60px  -112px; }

.tg-side-icon-10 {
    background-position: -80px -112px; }

.tg-side-icon-11 {
    background-position: 0 -132px; }

.tg-side-icon-12 {
    background-position: -20px  -132px; }

.tg-side-icon-13 {
    background-position: -40px  -132px; }

.tg-side-icon-14 {
    background-position: -60px  -132px; }

.tg-side-icon-15 {
    background-position: -80px  -132px; }

.tg-side-icon-16 {
    background-position: -40px  -72px; }

.tg-side-icon-17 {
    background-position: -60px  -72px; }

.tg-side-icon-18 {
    background-position: -60px  -288px; }

.tg-side-icon-19 {
    background-position: -40px  -288px; }

.tg-side-icon-20 {
    background-position: -20px  -288px; }

.tg-side-icon-21 {
    background-position: -80px  -288px; }

.tg-side-icon-22 {
    background-position: -0px  -308px; }

.tg-side-icon-23 {
    background-position: -20px  -308px; }

.tg-side-icon-24 {
    background-position: -40px  -308px; }

.tg-side-icon-25 {
    background-position: -60px  -308px; }

.tg-side-icon-26 {
    background-position: -80px  -308px; }

.tg-side-icon-2-1 {
    background-position: -30px  -213px; }

.tg-side-icon-2-2 {
    background-position: -50px  -213px; }

.tg-side-icon-2-3 {
    background-position: -70px  -213px; }

.tg-side-icon-2-4 {
    background-position: -30px  -233px; }

.tg-side-icon-3-1 {
    background-position: 1px  -368px; }

.tg-side-icon-3-2 {
    background-position: -20px -368px; }

.tg-side-icon-3-3 {
    background-position: -40px -368px; }

.tg-side-icon-3-4 {
    background-position: -60px -368px; }

.tg-side-icon-3-5 {
    background-position: 0px -388px; }

.tg-side-icon-3-6 {
    background-position: -20px -388px; }

.tg-area-icon1 {
    background-position: -90px -152px; }

.tg-area-icon2 {
    background-position: -90px -164px; }

.tg-area-icon3 {
    background-position: -90px -176px; }

.tg-area-icon4 {
    background-position: -89px -188px; }

.tg-area-icon5 {
    background-position: -90px -200px; }

.tg-report-icon-1 {
    background-position: -103px 0; }

.tg-report-icon-2 {
    background-position: -103px  -80px; }

.tg-report-icon-3 {
    background-position: -103px  -160px; }

.tg-report-icon-4 {
    background-position: -183px 0; }

.tg-report-icon-5 {
    background-position: -183px  -80px; }

.tg-report-icon-6 {
    background-position: -183px -160px; }

.tg-report-icon-7 {
    background-position: -263px 0; }

.movement-icon-1 {
    background-position: -50px -233px; }

.movement-icon-2 {
    background-position: -70px -233px; }

.movement-icon-3 {
    background-position: -30px -252px; }

.movement-icon-4 {
    background-position: -50px  -252px; }

.movement-icon-5 {
    background-position: -70px  -252px; }

.movement-icon-6 {
    background-position: 1px  -287px; }

.full-blue-star {
    background-position: 0 -273px; }

.full-gray-star {
    background-position: -28px  -273px; }

.half-star {
    background-position: -14px -273px; }

/********************************************************************************************图形图标标准*/
.tg-graph {
    position: relative;
    background: url(../../img/triangle.png) no-repeat;
    float: right;
    width: 10px;
    height: 10px; }

.tg-triangle-gray-right {
    background-position: 0 0; }

.tg-triangle-gray-bottom {
    background-position: -10px 0; }

.tg-triangle-white-right {
    background-position: -20px 0; }

.tg-triangle-white-bottom {
    background-position: -30px 0; }

.tg-triangle-black-right {
    background-position: -40px 0; }

.tg-triangle-black-bottom {
    background-position: -50px 0; }

.tg-logo {
    background: url(../../img/tg-logo.png) no-repeat;
    width: 180px;
    height: 30px;
    display: block; }

.tg-white-logo {
    background-position: 0 -30px; }

.tg-title-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 15px 0 0px;
    position: relative;
    top: 10px; }

/*******************************************YouZu-icon*/
.yz-nav-icon-1 {
    background-position: -421px 0; }

.yz-nav-icon-2 {
    background-position: -451px 0; }

.yz-nav-icon-3 {
    background-position: -481px 0; }

.yz-nav-icon-4 {
    background-position: -421px -30px; }

.yz-side-icon-1 {
    background-position: -362px -40px; }

.yz-side-icon-2 {
    background-position: -382px -40px; }

.yz-side-icon-3 {
    background-position: -402px -40px; }

.yz-side-icon-4 {
    background-position: -343px -60px; }

.yz-side-icon-5 {
    background-position: -363px -60px; }

.yz-side-icon-6 {
    background-position: -383px -60px; }

.yz-side-icon-7 {
    background-position: -403px -60px; }

.yz-side-icon-8 {
    background-position: -423px -60px; }

/*********************************************************/
.layui-layer-hui .layui-layer-content {
    color: #fff; }

/**************************************************************************************网页基本色和字体大小设定*/
.tg-web-blue {
    background: #237bd0; }

.tg-web-gray {
    background: #ebeaec; }

.tg-web-navyblue {
    background: #222d3f; }

.tg-web-font-blue {
    color: #237bd0; }

.tg-font-blue {
    color: #237bd0; }

.tg-title {
    font-size: 40px;
    color: #333; }

.tg-main-title {
    font-size: 24px;
    color: #333; }

.tg-main-title1 {
    font-size: 24px;
    color: #19222f; }

.tg-sub-title {
    font-size: 16px;
    color: #333; }

.tg-sub-title1 {
    font-size: 16px;
    color: #808080; }

.tg-main-content {
    font-size: 12px;
    color: #19222f; }

.tg-infor {
    font-size: 10px;
    color: #333; }

.tg-infor1 {
    font-size: 10px;
    color: #808080; }

/****************************************************************************************************按钮标准*/
.tg-main-btn {
    text-align: center;
    font-size: 12px;
    background-color: #237bd0;
    border-radius: 4px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #237bd0;
    color: #fff;
    position: relative;
    outline: none;
    width: 100px;
    display: block;
    cursor: pointer; }
.tg-main-btn:hover {
    background-color: #3064ac !important;
    color: #fff;
    text-decoration: none;
    border: 1px solid #3064ac; }
.tg-main-btn:focus {
    outline: none;
    background-color: #237bd0 !important;
    text-decoration: none;
    color: #fff; }
.tg-main-btn:visited {
    outline: none;
    background-color: #237bd0;
    text-decoration: none;
    color: #fff; }

.tg-btn-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ccc;
    margin-right: 5px; }

.tg-assist-btn {
    text-align: center;
    font-size: 12px;
    background-color: #efeff0;
    border-radius: 4px;
    height: 30px;
    line-height: 28px;
    border: none;
    color: #545454;
    position: relative;
    outline: none;
    width: 100px;
    border: 1px solid #cdcdcd; }
.tg-assist-btn:hover {
    background-color: #CFD0D2;
    text-decoration: none;
    color: #333333; }
.tg-assist-btn:focus {
    outline: none;
    text-decoration: none; }
.tg-assist-btn:active {
    outline: none;
    text-decoration: none; }
.tg-assist-btn:visited {
    outline: none;
    text-decoration: none; }

.tg-checkbox-btn {
    position: relative; }
.tg-checkbox-btn input:focus {
    outline: none; }

.tg-checkbox-btn label:before {
    content: '';
    background: url(../../img/checkbox.jpg) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 0px;
    background-position: -16px 0; }

.tg-checkbox-btn input[type=checkbox]:checked + label:before {
    background-position: 0 0; }

.tg-switch-btn {
    position: relative; }

.tg-switch-btn .tg-switch-on {
    background: url(../../img/onoff.png) no-repeat;
    position: absolute;
    width: 30px;
    height: 16px;
    background-position: 0 0;
    cursor: pointer;
    cursor-transition: all ease-in 0.1s; }

.tg-switch-btn .tg-switch-off {
    background-position: -33px 0;
    transition: all ease-in 0.1s; }

/************************************************************************************输入框*/
input.tg-input {
    height: 39px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    padding-left: 10px; }

input.tg-input:focus {
    outline: none; }

/***********************************************************************带搜索的下拉框*/
.tg-search-drop {
    width: 202px; }
.tg-search-drop div.tg-drop-content {
    position: absolute;
    margin-top: 18px;
    z-index: 5;
    border: 1px solid #ccc;
    background-color: #ebeaec;
    width: 202px;
    border-radius: 4px;
    display: none; }
.tg-search-drop div.tg-drop-content ul {
    max-height: 200px;
    overflow: auto; }
.tg-search-drop div.tg-drop-content ul li {
    height: 35px;
    line-height: 35px;
    padding-left: 12px;
    cursor: pointer;
    border-radius: 4px; }
.tg-search-drop div.tg-drop-content ul li:hover {
    background-color: #237bd0;
    color: #fff; }
.tg-search-drop div.tg-drop-content ul li:hover a {
    color: #fff; }
.tg-search-drop div.tg-drop-content ul li a {
    display: block;
    text-align: none;
    color: #373737; }
.tg-search-drop div.tg-drop-content ul li a:hover {
    text-decoration: none; }
.tg-search-drop div.tg-drop-content > div {
    height: 40px;
    background-color: #fff;
    border-radius: 4px; }
.tg-search-drop div.tg-drop-content > div i {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 10px; }
.tg-search-drop div.tg-drop-content > div input {
    height: 40px;
    position: absolute;
    right: 0;
    border: none;
    outline: none;
    width: 165px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.tg-search-drop > p {
    height: 34px;
    padding-left: 3px;
    background-color: #fff;
    border-radius: 4px;
    line-height: 34px;
    cursor: pointer;
    position: relative;
    border: 1px solid #ccc;
    margin-bottom: 0;
    top: 50%;
    margin-top: -15px; }
.tg-search-drop > p img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    position: relative;
    top: -3px; }
.tg-search-drop > p i.tg-graph {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px; }

/**************************************************************************************************无搜索的下拉选择框1*/
.tg-selected-drop > p {
    height: 40px;
    padding-left: 15px;
    background-color: #fff;
    border-radius: 4px;
    line-height: 35px;
    cursor: pointer;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px; }
.tg-selected-drop > p img {
    width: 30px;
    height: 30px;
    margin-right: 5px; }
.tg-selected-drop > p i.tg-graph {
    right: 5px;
    top: 50%;
    margin-top: -5px;
    position: absolute; }

.tg-selected-drop > ul {
    background-color: #fff;
    border-radius: 4px;
    margin-top: -11px;
    position: absolute;
    border: 1px solid #ccc;
    background-color: #ebeaec;
    z-index: 5;
    width: 100%;
    max-height: 225px;
    display: none; }
.tg-selected-drop > ul > div {
    height: 35px;
    line-height: 35px; }
.tg-selected-drop > ul > div > i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #ccc;
    margin-right: 5px;
    position: relative;
    top: 7px; }

.tg-selected-drop > ul > li {
    list-style: none;
    height: 35px;
    line-height: 35px;
    padding-left: 12px;
    cursor: pointer;
    border-radius: 4px; }

.tg-selected-drop > ul > li > a {
    display: block;
    text-decoration: none;
    color: #373737; }

.tg-selected-drop > ul > li:hover {
    background-color: #237bd0;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc; }
.tg-selected-drop > ul > li:hover a {
    color: #fff; }

/******************************************************************************************************带勾选框的下拉框*/
.tg-drop-hasCheckbox ul {
    background-color: #fff;
    display: block; }
.tg-drop-hasCheckbox ul li {
    position: relative;
    cursor: default; }
.tg-drop-hasCheckbox ul li:hover {
    background-color: #fff !important;
    border: none; }
.tg-drop-hasCheckbox ul li:hover a {
    color: #565656; }
.tg-drop-hasCheckbox ul li:first-child {
    background-color: #fff !important; }
.tg-drop-hasCheckbox ul li div.tg-checkbox-btn {
    position: absolute;
    margin-right: 10px;
    top: 50%;
    margin-top: -13px; }
.tg-drop-hasCheckbox ul li a {
    margin-left: 26px;
    cursor: default; }

/***************************************************************************************************翻页显示部分*/
.tg-page-list {
    overflow: hidden;
    margin-top: 20px; }
.tg-page-list > ul.fl {
    position: relative;
    top: 6px; }

.tg-page-list > ul > li {
    display: inline-block;
    list-style: none;
    color: #808080;
    font-size: 12px;
    margin-right: 5px; }

.tg-page-list > ul > li input {
    width: 28px;
    text-align: center;
    margin: 0 5px;
    border-radius: 2px;
    border: 1px solid #d6d6d6;
    padding: 5px 0; }

.tg-page-list > ul > li > .turn {
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    background-color: #ebeaec;
    width: 28px; }

.tg-page-list > ul > li > button {
    border-radius: 2px;
    border: 1px solid #d6d6d6;
    width: 75px;
    background-color: #ebeaec; }
.tg-page-list > ul > li > button:focus {
    outline: none; }

/**********************************************************************************************************************网站悬浮跟随聊天*/
.tg-sidebar-follow {
    width: 50px; }
.tg-sidebar-follow .qq {
    background-position: 0 0; }
.tg-sidebar-follow .qq:hover {
    background-position: -46px 0; }
.tg-sidebar-follow .subscribe {
    background-position: 0 -50px;
    position: relative; }
.tg-sidebar-follow .subscribe img {
    position: absolute;
    right: 50px;
    bottom: 0;
    display: none; }
.tg-sidebar-follow .subscribe:hover {
    background-position: -46px -50px; }
.tg-sidebar-follow .subscribe:hover img {
    display: block; }

.tg-side-float-icon {
    background: url(../../img/float-icon.jpg) no-repeat;
    width: 50px;
    height: 50px;
    display: block;
    border-bottom: 1px solid #fff; }
.tg-side-float-icon:hover {
    background-position: -46px 0;
    cursor: pointer; }

/********************************************************************************************************************按钮式小tab切换（蓝色背景+圆角）*/
.tg-tab-btn {
    font-size: 10px;
    position: relative;
    z-index: 1; }

.tg-tab-btn > li {
    float: left;
    display: block;
    padding: 3px 10px;
    cursor: pointer; }

.tg-tab-btn .tg-tab-btn-normal {
    color: #565656;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    margin-right: -1px;
    background-color: #fff; }
.tg-tab-btn .tg-tab-btn-normal:hover {
    background-color: #237bd0;
    color: #fff; }

.tg-tab-btn .tg-tab-btn-selected {
    color: #fff;
    background-color: #237bd0;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    position: relative;
    z-index: 2; }

/*******************************************************************************************************************************大tab切换（淡蓝背景+蓝色底部边框，参见''关键指标''页面所示）*/
.tg-tab-change-block {
    border-bottom: 1px solid #ccc;
    width: 100%;
    position: relative;
    z-index: 2;
    margin-bottom: 0; }
.tg-tab-change-block li.tg-tab-block-active {
    border-bottom: 2px solid #237bd0;
    background-color: #e7f3fb; }
.tg-tab-change-block li {
    display: inline-block;
    border-right: 1px solid #ccc;
    text-align: center;
    color: #565656;
    font-size: 12px;
    padding: 20px  30px;
    cursor: pointer;
    height: 46px;
    line-height: 5px; }
.tg-tab-change-block li:hover {
    background-color: #e7f3fb;
    border-bottom: 2px solid #e7f3fb; }
.tg-tab-change-block li b {
    display: block;
    color: #237bd0;
    font-size: 15px;
    margin-bottom: 15px; }

/******************************************************************************************************************tab切换（只有蓝色底边，参见''玩家属性聚类''页面所示tab）*/
.tg-tab-change {
    background-color: #ebeaec;
    padding: 0;
    height: 48px;
    padding-left: 34px;
    /********************************************************************************************图+表格布局（tg-table-style）*/ }
.tg-tab-change li {
    display: inline-block;
    width: 59px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-right: 15px;
    cursor: pointer; }
.tg-tab-change li.tg-tab-active {
    color: #237bd0;
    border-bottom: 2px solid #237bd0;
    height: 46px;
    line-height: 46px; }

div.tg-table-layout > h3 {
    font-size: 16px;
    margin-bottom: 18px;
    color: #19222f;
    font-weight: bold;
    margin-left: 15px; }

div.tg-table-layout div.tg-table-content {
    padding: 0; }
div.tg-table-layout div.tg-table-content .tg-tab-btn {
    margin-left: 30px;
    margin-bottom: 20px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap {
    padding: 20px 30px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    position: relative; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter {
    margin-bottom: 10px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div.tg-selected-drop, div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div#headerTop div.tg-date-selected-drop, div#headerTop div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div.tg-date-selected-drop {
    position: relative;
    top: 1px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div.tg-selected-drop p, div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div#headerTop div.tg-date-selected-drop p, div#headerTop div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div.tg-date-selected-drop p {
    line-height: 30px;
    height: 30px;
    padding: 0 30px 0 10px;
    min-width: 150px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div.tg-selected-drop ul, div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div#headerTop div.tg-date-selected-drop ul, div#headerTop div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div.tg-date-selected-drop ul {
    width: 100%; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div.tg-selected-drop ul li:first-child, div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div#headerTop div.tg-date-selected-drop ul li:first-child, div#headerTop div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div.tg-date-selected-drop ul li:first-child {
    background-color: #ebeaec; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div.tg-selected-drop ul li:first-child:hover, div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div#headerTop div.tg-date-selected-drop ul li:first-child:hover, div#headerTop div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div.tg-date-selected-drop ul li:first-child:hover {
    background-color: #237bd0; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div span {
    display: block;
    color: #8c8c8c;
    font-size: 12px;
    margin-bottom: 2px;
    margin-left: 3px;
    height: 25px;
    line-height: 30px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div span a {
    float: none; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div span.zhi {
    display: inline-block;
    margin: 0 5px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div button {
    display: inline-block;
    padding: 0 10px;
    width: auto;
    min-width: 80px;
    margin: 0 5px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div button div {
    color: #fff; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div > input.tg-input {
    height: 30px;
    line-height: 30px;
    width: 150px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div a.tg-main-btn {
    padding: 0 10px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div a {
    height: 25px;
    line-height: 25px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.tg-select-filter div a:first-child {
    margin-right: 15px;
    cursor: pointer; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap {
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
    min-height: 100px;
    max-height: 430px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table {
    text-align: center;
    margin-bottom: 0;
    table-layout: auto; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table thead tr td {
    height: 35px;
    line-height: 35px;
    background-color: #ebeaec;
    text-align: center;
    font-size: 14px;
    padding: 0 20px;
    white-space: nowrap;
    min-width: 80px;
    border: 1px solid #d6d6d6; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table thead tr td[rowspan="2"] {
    padding-top: 18px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table thead tr th.operation {
    min-width: 150px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table thead tr th {
    height: 60px;
    line-height: 60px;
    background-color: #ebeaec;
    text-align: center;
    font-size: 14px;
    padding: 0 20px;
    white-space: nowrap;
    min-width: 80px;
    border: none; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table thead tr th i.tg-sort-icon {
    width: 18px;
    height: 19px;
    display: inline-block;
    position: relative;
    top: 6px;
    left: 5px;
    cursor: pointer; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table thead tr th.percent {
    min-width: 200px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table tbody tr {
    cursor: pointer;
    height: 33px;
    line-height: 33px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table tbody tr:nth-child(even) {
    background-color: #f5f4f5; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table tbody tr:hover {
    background-color: #EBF5FC; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table tbody tr td {
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    white-space: nowrap;
    padding: 0 15px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table tbody tr td button {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    width: 80px;
    position: relative;
    margin-top: 4px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table tbody tr td button:first-child {
    margin-right: 16px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table tbody tr td div.rate-wrap {
    background-color: #ebeaec;
    width: 150px;
    height: 25px;
    position: relative;
    top: 5px; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table tbody tr td div.rate-wrap div.rate {
    height: 100%;
    width: 50%; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table tbody tr td div.rate-wrap div.tg-color-orange {
    background-color: #e44d3c; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table tbody tr td div.rate-wrap div.tg-color-purple {
    background-color: #403676; }
div.tg-table-layout div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table tbody tr td div.rate-wrap div.tg-color-yellow {
    background-color: #e48626; }
div.tg-table-layout div.tg-table-content div.tg-height-hight .tg-page-list {
    padding: 20px 15px !important;
    border-top: 1px solid #ebebeb;
    margin-bottom: 0; }
div.tg-table-layout div.tg-table-content div.tg-height-hight table thead th {
    font-size: 12px;
    font-weight: normal; }
div.tg-table-layout div.tg-table-content div.tg-height-hight table thead th.game-tag {
    min-width: 270px !important; }
div.tg-table-layout div.tg-table-content div.tg-height-hight div.table-out-wrap table.tg-table tbody tr td {
    height: 60px;
    line-height: 60px; }
div.tg-table-layout div.tg-table-content div.tg-height-hight div.table-out-wrap table.tg-table tbody tr td b {
    font-size: 12px;
    margin: 0  7px 0 12px;
    position: relative;
    top: -2px; }
div.tg-table-layout div.tg-table-content div.tg-height-hight div.table-out-wrap table.tg-table tbody tr td b + span {
    font-size: 14px;
    display: inline-block;
    width: 50px;
    text-align: center;
    color: #888;
    text-align: left; }
div.tg-table-layout div.tg-table-content div.tg-height-hight div.table-out-wrap table.tg-table tbody tr td .star-level {
    display: inline-block;
    margin-left: 42px; }
div.tg-table-layout div.tg-table-content div.tg-height-hight div.table-out-wrap table.tg-table tbody tr td .star-level i.tg-icon {
    height: 14px;
    width: 14px;
    display: inline-block; }
div.tg-table-layout div.tg-table-content div.tg-height-hight div.table-out-wrap table.tg-table tbody tr td .user-comment .comment-num {
    font-weight: bold;
    font-size: 14px;
    width: 45px;
    display: inline-block;
    text-align: center; }
div.tg-table-layout div.tg-table-content div.tg-height-hight div.table-out-wrap table.tg-table tbody tr td .user-comment .positive-color {
    color: #71bc33; }
div.tg-table-layout div.tg-table-content div.tg-height-hight div.table-out-wrap table.tg-table tbody tr td .user-comment .negative-color {
    color: #f33f57; }
div.tg-table-layout div.tg-table-content div.tg-height-hight div.table-out-wrap table.tg-table tbody tr td .tg-tab-btn {
    margin-left: 0px;
    position: relative;
    top: 20px; }
div.tg-table-layout div.tg-table-content div.tg-height-hight div.table-out-wrap table.tg-table tbody tr td .tg-tab-btn li {
    height: 19px;
    min-width: 45px;
    line-height: 12px;
    border-color: #1d64c5;
    color: #1d64c5;
    margin: 0 2.5px; }
div.tg-table-layout div.tg-table-content div.tg-height-hight div.table-out-wrap table.tg-table tbody tr td .tg-tab-btn li:hover {
    color: #fff;
    background-color: #1d64c5; }
div.tg-table-layout div.tg-table-content div.tg-table-no-padding {
    padding: 0; }
div.tg-table-layout div.tg-table-content div.tg-table-no-padding table td {
    position: relative; }
div.tg-table-layout div.tg-table-content div.tg-table-no-padding table td .table-des {
    text-align: left;
    margin-left: 40px;
    height: 50px; }
div.tg-table-layout div.tg-table-content div.tg-table-no-padding table td .table-des p {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    height: 30px;
    line-height: 30px;
    margin-top: 8px;
    position: relative; }
div.tg-table-layout div.tg-table-content div.tg-table-no-padding table td .table-des span {
    color: #8a8a8a;
    white-space: nowrap;
    margin-right: 30px;
    position: relative;
    top: -35px; }
div.tg-table-layout div.tg-table-content div.tg-table-no-padding table td img {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -17.5px; }
div.tg-table-layout div.tg-table-content div.tg-table-no-padding .tg-page-list {
    padding: 0 20px;
    padding-bottom: 20px;
    margin-bottom: 0; }

div.tg-table-low-height div.tg-table-content div.tg-table-wrap div.table-out-wrap table.tg-table thead tr th {
    height: 0;
    line-height: 35px; }

#tgRank .table-out-wrap {
    height: 680px !important;
    max-height: 680px;
    overflow-y: hidden; }
#tgRank .table-out-wrap table tr td .table-des span {
    width: 195px;
    overflow: hidden;
    text-overflow: ellipsis; }

/*****************************************************************************************************************table底部操作部分（下载+图和表格切换）*/
div.tg-table-operation {
    background-color: #ebeaec;
    overflow: hidden; }
div.tg-table-operation ul li {
    display: inline-block; }
div.tg-table-operation ul li b {
    color: #808080;
    font-weight: normal;
    margin-right: 5px;
    position: relative;
    top: -6px; }
div.tg-table-operation ul li i {
    width: 28px;
    height: 28px;
    display: inline-block;
    background-color: #ccc;
    position: relative;
    top: 3px;
    cursor: pointer; }
div.tg-table-operation ul li i:first-child {
    margin-right: 5px; }

/*******************************************************************************************************************************帖子和文章列表tie and article-list*/
.article-list .scroll-wrap {
    height: 660px;
    overflow: hidden;
    position: relative; }

.article-list {
    border: 1px solid #d5d5d5;
    height: 737px;
    overflow: hidden;
    background-color: #ebeaec;
    padding-bottom: 0; }
.article-list i {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 8px;
    margin-left: 3px; }
.article-list .top {
    width: 401px;
    background-color: #ebebec;
    height: 30px;
    padding-left: 13px;
    line-height: 30px;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5; }
.article-list .top span {
    font-size: 10px;
    color: #767676; }
.article-list .top span b {
    font-weight: normal; }
.article-list > ul {
    position: relative; }
.article-list > ul li h5 {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 23px;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.article-list > ul li h5 b {
    font-size: 12px; }
.article-list > ul li h5 i.tg-icon {
    width: 17px;
    height: 13px;
    background-position: 0 -73px;
    top: 2px;
    margin-right: 3px; }
.article-list > ul li p {
    color: #686868;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 0px 23px; }
.article-list .left-list {
    width: 400px;
    padding: 0;
    height: 705px;
    float: left;
    margin-bottom: 0;
    position: relative; }
.article-list .left-list li p b {
    font-weight: normal;
    width: 162px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.article-list .left-list .tg-page-list {
    position: absolute;
    bottom: 10px;
    left: 15px;
    right: 15px; }
.article-list .left-list .scroll-wrap ul li.left-list-active {
    background-color: #237bd0; }
.article-list .left-list .scroll-wrap ul li.left-list-active h5 {
    color: #fff; }
.article-list .left-list .scroll-wrap ul li.left-list-active p b {
    color: #fff; }
.article-list .left-list .scroll-wrap ul li.left-list-active:hover {
    background-color: #1862c9; }
.article-list .left-list .scroll-wrap ul li {
    border-top: 1px solid #cccccc;
    cursor: pointer;
    padding: 10px 0; }
.article-list .left-list .scroll-wrap ul li:hover {
    background-color: #EBF5FC; }
.article-list .left-list .scroll-wrap ul li:first-child {
    border-top: none; }
.article-list .left-list .scroll-wrap ul li span {
    width: 83px;
    display: inline-block; }
.article-list ul.detail-right {
    margin-left: 415px; }
.article-list ul.detail-right h5 {
    color: #343434;
    font-size: 15px;
    margin-left: 15px;
    margin-bottom: 14px; }
.article-list ul.detail-right h5 b {
    font-size: 14px; }
.article-list ul.detail-right div.scroll-wrap {
    height: 712px; }
.article-list ul.detail-right div.scroll-wrap > li.first-floor {
    margin-bottom: 20px; }
.article-list ul.detail-right div.scroll-wrap > li.first-floor ul li {
    padding: 0; }
.article-list ul.detail-right div.scroll-wrap > li.first-floor ul li:first-child {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }
.article-list ul.detail-right div.scroll-wrap > li.first-floor > div {
    border-bottom: none; }
.article-list ul.detail-right > div.scroll-wrap li {
    margin-right: 17px;
    padding: 0;
    padding: 20px; }
.article-list ul.detail-right > div.scroll-wrap li span.show-all {
    color: #999999;
    font-size: 12px;
    text-align: center;
    display: block;
    margin-top: 25px;
    cursor: pointer; }
.article-list ul.detail-right > div.scroll-wrap li ul {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc; }
.article-list ul.detail-right > div.scroll-wrap li > div {
    padding-top: 15px;
    border-bottom: 1px solid #ccc; }
.article-list ul.detail-right > div.scroll-wrap li > div:first-child {
    border-top: none; }
.article-list ul.detail-right > div.scroll-wrap li > div span {
    color: #a0a0a0;
    font-size: 12px;
    margin-right: 20px; }
.article-list ul.detail-right > div.scroll-wrap li > div span.floor-num {
    float: right; }
.article-list ul.detail-right > div.scroll-wrap li > div p {
    margin-top: 20px;
    color: #727272;
    font-size: 12px;
    line-height: 30px;
    padding: 0;
    padding-left: 3px; }
.article-list ul.detail-right > div.scroll-wrap li > div p img {
    width: 100%; }

/***************************************************************************************************************************弹出框样式pop-style*/
ul.pop-list {
    padding: 20px 60px;
    background-color: #fff; }
ul.pop-list li.push > input {
    width: 70px;
    margin: 0 5px; }
ul.pop-list li.tg-btn {
    margin-left: 208px;
    outline: none; }
ul.pop-list li.tg-btn button {
    border: none;
    display: inline-block; }
ul.pop-list li.tg-btn:focus {
    outline: none; }
ul.pop-list > li {
    margin-bottom: 15px; }
ul.pop-list > li div.tg-search-drop {
    display: inline-block; }
ul.pop-list > li div.tg-search-drop p {
    width: 202px; }
ul.pop-list > li div.tg-search-drop ul {
    width: 202px;
    z-index: 3; }
ul.pop-list > li div.tg-search-drop ul li {
    position: relative; }
ul.pop-list > li div.tg-search-drop ul li input {
    position: absolute; }
ul.pop-list > li div.pop-drop {
    display: inline-block; }
ul.pop-list > li div.pop-drop p {
    width: 100px;
    height: 38px;
    line-height: 38px; }
ul.pop-list > li div.pop-drop ul {
    width: 100px; }
ul.pop-list > li div.pop-drop ul li {
    width: 100px;
    margin-bottom: 0; }
ul.pop-list > li div.pop-drop ul li:first-child {
    background-color: #ebeaec;
    width: 98px; }
ul.pop-list > li div.pop-drop ul li:first-child:hover {
    background: #237bd0; }
ul.pop-list > li div.pop-drop ul li a {
    margin-top: 0; }
ul.pop-list > li > span {
    margin-right: 15px;
    font-size: 14px;
    color: #4c4c4c; }
ul.pop-list > li > input {
    height: 38px;
    line-height: 38px;
    border: 1px solid #d6d6d6;
    outline: none;
    width: 360px;
    padding-left: 15px;
    color: #8b8b8b;
    font-size: 12px; }
ul.pop-list > li > a {
    display: inline-block;
    margin-top: 40px; }
ul.pop-list > li > .checkbox-wrap div {
    margin-right: 15px;
    display: inline-block; }
ul.pop-list > li > .checkbox-wrap div label {
    color: #777777;
    font-weight: normal;
    cursor: pointer;
    margin-left: 10px; }
ul.pop-list > li > .checkbox-wrap div label:before {
    top: 4px; }
ul.pop-list > li > .checkbox-wrap div input {
    outline: none; }

.checkbox-wrap {
    position: relative;
    left: 88px;
    top: -20px;
    margin-bottom: -20px; }

ul.pop-list > li > input[type="radio"] {
    width: 13px;
    height: 13px;
    line-height: 25px;
    position: relative;
    top: 2px;
    outline: none;
    cursor: pointer; }

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #d6d6d6;
    padding: 0; }

/************************************************************************************************************鼠标悬停的指标解读*/
.tip-hover {
    position: relative;
    cursor: pointer;
    width: 200px; }
.tip-hover:hover .tip-box-show {
    display: block; }

.tip-box-show {
    display: none; }
.tip-box-show .triangle-up {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(55, 60, 71, 0.9); }
.tip-box-show .tip-box-content {
    position: absolute;
    cursor: auto;
    z-index: 1000;
    background: rgba(55, 60, 71, 0.9);
    color: #fff;
    border-radius: 4px;
    padding: 20px;
    text-align: left;
    font-size: 12px;
    line-height: 20px;
    top: 28px;
    text-shadow: none;
    line-height: 20px;
    width: 300px; }

.tg-tab-change-block li .tip-box-show {
    top: 10px;
    position: relative; }

.tg-tab-change li .tip-box-show {
    position: relative;
    top: -15px; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
/***********************************************************************************************************public css*/
body {
    background-color: #f0f1f2;
    font-family: Helvetica,"Helvetica Neue",  Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    min-width: 1280px;
    overflow-x: auto; }

body#layBody {
    overflow-x: hidden; }

li {
    list-style: none; }

.graph-show-part {
    height: 400px; }

h3.part-title {
    margin-left: 15px;
    height: 17px; }

.blockpart {
    padding: 0px  7.5px  0px 7.5px; }
.blockpart:last-child {
    padding-bottom: 20px; }
.blockpart > h3 {
    font-size: 16px;
    margin-bottom: 18px;
    color: #19222f;
    font-weight: bold;
    margin-left: 15px; }

/********************************************************************************************************************顶部固定导航部分(start)*/
#topNav {
    min-width: 1024px;
    height: 70px;
    background-color: #222d3f;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3001;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); }
#topNav ul.bg-hover-effect li:hover {
    background-color: #11171f;
    box-shadow: 5px 5px 5px #0f151c inset; }
#topNav ul.top-tab-change {
    height: 70px;
    line-height: 70px;
    position: absolute;
    padding: 0;
    left: 50%;
    margin-left: -260px; }
#topNav ul.top-tab-change li.top-tab-selected {
    background-color: #11171f;
    box-shadow: 5px 5px 5px #0f151c inset; }
#topNav ul.top-tab-change li {
    display: inline-block;
    float: left;
    color: #fff;
    width: 119px;
    height: 70px;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin: 0  0.5px; }
#topNav ul.top-tab-change li b {
    font-weight: normal;
    position: relative;
    top: 15px;
    font-size: 12px;
    color: #fff; }
#topNav ul.top-tab-change li img {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px; }
#topNav div.user-list {
    height: 30px;
    position: absolute;
    right: 45px;
    color: #fff;
    top: 50%;
    margin-top: -15px;
    font-size: 12px;
    line-height: 30px; }
#topNav div.user-list i.tg-graph {
    cursor: pointer; }
#topNav div.user-list ul.user-drop-list {
    background-color: #fff;
    padding: 0;
    color: #454545;
    width: 135px;
    height: 80px;
    line-height: 40px;
    position: absolute;
    right: -15px;
    bottom: -98px;
    z-index: 5; }
#topNav div.user-list ul.user-drop-list li {
    cursor: pointer;
    padding-left: 15px; }
#topNav div.user-list ul.user-drop-list li:hover {
    background-color: #237bd0;
    color: #fff; }
#topNav div.user-list p {
    color: #fff;
    cursor: pointer; }
#topNav div.user-list i {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: -15px; }
#topNav div.topbar-logo {
    height: 30px;
    padding-left: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px; }

/*********************************************************************************************************************全屏结构的主体部分（主要是后台首页等无左侧边栏导航的使用此 class）*/
div.mainFullcontent {
    min-height: 1170px;
    overflow: hidden;
    float: right;
    width: 100%;
    margin-top: 87px; }
div.mainFullcontent #contentFullPart {
    width: 100%;
    padding-left: 20px; }

/********************************************************************************************************************左右结构的主体部分(start)*/
div.maincontent {
    position: relative;
    padding-left: 237px;
    min-height: 886px;
    overflow: hidden;
    margin-top: 70px; }
div.maincontent #contentPart {
    width: 100%;
    background: #f0f1f2; }

/***********************************************************************************左右结构主体内容之顶部筛选部分（start）*/
div#headerTop {
    position: relative;
    height: 70px;
    padding: 0;
    margin-left: -30px;
    padding-left: 30px;
    padding: 0 30px 0 45px;
    z-index: 4; }
div#headerTop .fr {
    position: relative;
    top: 50%;
    margin-top: -15px; }
div#headerTop .fr a {
    color: #8c8c8c;
    cursor: pointer; }
div#headerTop .fr button {
    display: inline-block;
    margin-left: 10px; }
div#headerTop .fl {
    margin-right: 10px; }
div#headerTop div.tg-search-drop {
    float: left;
    position: relative;
    top: 50%;
    margin-top: -19px;
    left: 5px;
    height: 38px; }
div#headerTop div.tg-selected-drop, div#headerTop div.tg-date-selected-drop {
    position: relative;
    top: 50%;
    margin-top: -17px; }
div#headerTop div.tg-selected-drop p, div#headerTop div.tg-date-selected-drop p {
    width: 202px;
    height: 34px;
    line-height: 34px;
    padding-left: 15px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    top: 50%; }
div#headerTop div.tg-selected-drop p + ul, div#headerTop div.tg-date-selected-drop p + ul {
    width: 202px; }
div#headerTop div.tg-selected-drop ul, div#headerTop div.tg-date-selected-drop ul {
    border-radius: 4px;
    position: absolute;
    border: 1px solid #ccc;
    background-color: #ebeaec;
    z-index: 5;
    width: 135px;
    right: 0;
    max-height: 225px;
    display: none;
    overflow-y: auto;
    overflow-x: hidden; }
div#headerTop div.tg-selected-drop ul li, div#headerTop div.tg-date-selected-drop ul li {
    list-style: none;
    height: 35px;
    line-height: 35px;
    padding-left: 12px;
    cursor: pointer;
    border-radius: 4px; }
div#headerTop div.tg-selected-drop ul li a, div#headerTop div.tg-date-selected-drop ul li a {
    display: block;
    text-decoration: none;
    color: #373737; }
div#headerTop div.tg-selected-drop ul li:hover, div#headerTop div.tg-date-selected-drop ul li:hover {
    background-color: #237bd0;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc; }
div#headerTop div.tg-selected-drop ul li:hover a, div#headerTop div.tg-date-selected-drop ul li:hover a {
    color: #fff; }
div#headerTop div.tg-selected-drop ul li:first-child, div#headerTop div.tg-date-selected-drop ul li:first-child {
    background-color: #ebeaec; }
div#headerTop div.tg-selected-drop ul li:first-child:hover, div#headerTop div.tg-date-selected-drop ul li:first-child:hover {
    background-color: #237bd0; }
div#headerTop div.tg-selected-drop div, div#headerTop div.tg-date-selected-drop div {
    margin-bottom: 5px;
    display: inline-block;
    position: relative;
    margin-right: 5px; }
div#headerTop div.tg-selected-drop div i, div#headerTop div.tg-date-selected-drop div i {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 2px; }
div#headerTop div.tg-selected-drop div span, div#headerTop div.tg-date-selected-drop div span {
    color: #8c8c8c;
    font-size: 12px; }

/********************************************************************************************************************左侧边栏导航部分(start)*/
.left-sidebar {
    position: fixed;
    background: #fff;
    width: 237px;
    left: 0;
    z-index: 1000;
    display: block;
    background-color: #fff;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
    float: left;
    overflow: auto; }
.left-sidebar div.tg-selected-drop, .left-sidebar div#headerTop div.tg-date-selected-drop, div#headerTop .left-sidebar div.tg-date-selected-drop {
    width: 202px; }
.left-sidebar div.tg-selected-drop p, .left-sidebar div#headerTop div.tg-date-selected-drop p, div#headerTop .left-sidebar div.tg-date-selected-drop p {
    width: 202px; }
.left-sidebar div.tg-selected-drop ul, .left-sidebar div#headerTop div.tg-date-selected-drop ul, div#headerTop .left-sidebar div.tg-date-selected-drop ul {
    width: 202px; }

.left-sidebar ul li.sort-title a:hover,
.left-sidebar ul li.sort-title a:focus,
.left-sidebar ul li.sort-title a:active {
    background: none; }

.left-sidebar ul li.sort-title.active a:hover {
    background-color: #ebeaec; }

.left-sidebar div.select-game {
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin: 20px 15px; }

.left-sidebar .nav-sidebar li > i.tg-side-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 30px;
    z-index: 3; }

.nav-sidebar {
    margin-right: -21px;
    margin-bottom: 20px;
    margin-left: -20px; }

.nav-sidebar > ul {
    padding-left: 0; }
.nav-sidebar > ul li {
    background-color: #f3f4f5; }

.nav-sidebar li {
    height: 40px;
    line-height: 40px;
    list-style: none;
    position: relative; }
.nav-sidebar li:hover {
    background-color: #ebeaec; }

.nav-sidebar li i.graph {
    right: 30px; }

.nav-sidebar li a {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 14px; }

.nav li a {
    padding: 0;
    padding-left: 63px;
    color: #333;
    display: block;
    text-decoration: none; }

.nav-sidebar li.title {
    font-size: 12px;
    color: #808080;
    margin-left: 30px;
    height: 60px;
    line-height: 60px; }
.nav-sidebar li.title:hover {
    background-color: #fff; }

.nav-sidebar .active a,
.nav-sidebar .active a:hover,
.nav-sidebar .active a:focus {
    color: #333;
    background-color: #ebeaec;
    font-size: 14px;
    text-decoration: none;
    border-left: 10px solid #237bd0;
    padding-left: 53px; }

.nav-sidebar .active:before {
    color: #237bd0;
    font-size: 32px;
    position: absolute;
    left: 0;
    z-index: 2;
    top: 1px; }

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #fff; }

.remind-num {
    position: absolute;
    z-index: 1;
    float: right;
    right: 50px;
    font-size: 8px;
    background-color: #f84e60;
    color: #fff;
    border-radius: 2px;
    line-height: 10px;
    padding: 3px;
    top: 50%;
    margin-top: -7px; }

.side-shadow {
    position: relative; }

.side-shadow li:first-child a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 30%;
    top: -12px;
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.07);
    z-index: 2;
    margin-left: -56px;
    display: block; }

.side-shadow li:last-child a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 30%;
    top: 40px;
    box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.07);
    z-index: 2;
    margin-left: -60px; }

/****************************************************************************************************************footer部分(start)*/
div.footer {
    position: relative;
    z-index: 2000;
    margin-top: 0px; }
div.footer div.footer-top {
    background: #f0f1f2;
    border-top: 1px solid #ccc;
    padding-top: 48px;
    overflow: hidden; }
div.footer div.footer-top div.ft-wrap {
    width: 100%;
    position: relative;
    left: 50%;
    margin-left: -47%; }
div.footer div.footer-top div.ft-wrap ul {
    float: left;
    padding-left: 0;
    width: 12.5%; }
div.footer div.footer-top div.ft-wrap ul li {
    list-style: none;
    font-size: 12px;
    color: #333;
    margin-bottom: 21px; }
div.footer div.footer-top div.ft-wrap ul li a {
    font-size: 12px;
    color: #333; }
div.footer div.footer-bottom {
    background-color: #1d2d3a;
    color: #6e7072;
    height: 138px;
    border-top: 1px solid #ccc;
    padding: 24px 47px 32px 47px;
    font-size: 12px; }
div.footer div.footer-bottom i.tg-blue-logo {
    margin-bottom: 15px; }
div.footer div.footer-bottom span.fr {
    float: right;
    font-weight: bold;
    font-size: 15px; }
div.footer div.footer-bottom p {
    margin-bottom: 5px;
    color: #7d818a; }
div.footer div.footer-bottom span {
    color: #7d818a; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.pop-wrapp {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 20000; }

.page-pop {
    width: 920px;
    background: #fff;
    height: 460px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -230px;
    margin-left: -460px;
    padding: 40px 30px; }
.page-pop .close-pop {
    position: absolute;
    right: -15px;
    top: -6px;
    font-size: 15px;
    cursor: pointer; }
.page-pop > img {
    width: 550px;
    float: right;
    position: relative;
    top: 25px; }
.page-pop .left {
    float: left; }
.page-pop .left h3 {
    font-size: 32px;
    margin: 0; }
.page-pop .left h3 b {
    font-size: 32px;
    color: #237bd0; }
.page-pop .left > span {
    font-size: 16px;
    color: #a3a3a3;
    display: block;
    padding-top: 5px; }
.page-pop .left > ul {
    margin-top: 40px; }
.page-pop .left > ul li {
    position: relative;
    margin-bottom: 30px; }
.page-pop .left > ul li img {
    width: 30px;
    height: 30px;
    position: absolute; }
.page-pop .left > ul li p {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    margin-left: 45px; }
.page-pop .left > ul li span {
    margin-left: 45px;
    font-size: 12px;
    color: #a3a3a3; }
.page-pop .left > ul li button {
    display: inline-block;
    margin-right: 12px;
    cursor: pointer; }
.page-pop .right {
    margin-left: 50%;
    height: 380px;
    position: relative;
    top: 22px; }
.page-pop .right > img {
    width: 100%;
    height: 120px;
    margin-bottom: 20px; }
.page-pop .right > span {
    position: absolute;
    width: 430px;
    height: 20px;
    bottom: 40px;
    left: 50%;
    margin-left: -215px;
    font-size: 12px;
    color: #a3a3a3; }
.page-pop .right > span b {
    cursor: pointer; }
.page-pop .right p {
    text-align: center;
    font-size: 14px; }
.page-pop .right p b {
    color: #237bd0; }
.page-pop .right .title {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    text-align: left; }
.page-pop .right .title + ul {
    float: left; }
.page-pop .right .btn-union {
    width: 218px;
    position: absolute;
    left: 50%;
    margin-left: -108px;
    bottom: 80px; }
.page-pop .right .btn-union button {
    display: inline-block;
    cursor: pointer; }
.page-pop .right .btn-union .tg-main-btn {
    margin-right: 10px; }
.page-pop .right > ul {
    width: 195px;
    float: right; }
.page-pop .right > ul > li {
    margin-bottom: 20px; }
.page-pop .right > ul > li > p {
    text-align: left;
    font-size: 12px; }
.page-pop .right > ul > li > p:before {
    content: '*';
    color: red; }
.page-pop .right > ul > li input {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    width: 185px;
    font-size: 12px;
    border: 1px solid #ccc; }
.page-pop .right > ul > li input:focus {
    outline: none; }
.page-pop .right > ul > li p {
    margin: 0;
    margin-bottom: 5px; }
.page-pop .right > ul > li #selectWrap p {
    height: 30px;
    border-radius: 0;
    text-align: left; }
.page-pop .right > ul > li #selectWrap ul {
    height: 180px;
    overflow: auto;
    width: 195px; }
.page-pop .right > ul + .btn-union {
    bottom: 85px; }
.page-pop .rate-left {
    width: 50%; }
.page-pop .rate-left > h3 {
    margin-top: 20px; }
.page-pop .rate-left > p {
    font-size: 14px;
    font-weight: bold;
    color: #a3a3a3;
    margin: 0;
    margin-top: 40px; }
.page-pop .rate-left > span {
    font-size: 12px;
    color: #a3a3a3;
    margin-left: 2px; }
.page-pop .rate-left ul {
    margin-top: 60px;
    margin-bottom: 0px; }
.page-pop .rate-left ul li {
    margin-bottom: 42px; }
.page-pop .rate-left ul li img {
    margin-top: -12px;
    width: 40px;
    height: 40px; }
.page-pop .rate-left ul li p {
    font-size: 13px; }
.page-pop .rate-left ul li .rate-wrap {
    height: 10px;
    background: #ccc;
    float: right;
    width: 270px;
    position: relative;
    top: -13px;
    right: 20px; }
.page-pop .rate-left ul li .rate-wrap > div {
    height: 100%;
    background: linear-gradient(to right, #3399dc, #1b68cb); }
.page-pop .rate-left ul li .rate-wrap .rate1 {
    width: 25%;
    animation: move1 1s; }
.page-pop .rate-left ul li .rate-wrap .rate2 {
    width: 60%;
    animation: move2 1s; }
.page-pop .rate-left ul li .rate-wrap .rate3 {
    width: 100%;
    animation: move3 1s; }

@keyframes move1 {
    0% {
        width: 5%; }
    100% {
        width: 25%; } }

@keyframes move2 {
    0% {
        width: 15%; }
    100% {
        width: 60%; } }

@keyframes move3 {
    0% {
        width: 50%; }
    100% {
        width: 100%; } }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.maincontent #headerTop {
    background: #11171f;
    position: fixed !important;
    right: 0;
    top: 0;
    left: 267px;
    z-index: 4000 !important;
    display: none; }

#topNav .test-logo {
    float: left;
    background: #222d3f;
    height: 100%;
    width: 237px; }
#topNav .test-logo a {
    position: relative;
    top: 50%;
    height: 29px;
    display: inline-block;
    margin-top: -14px;
    z-index: 2;
    left: 10px; }
#topNav .test-logo a img {
    position: absolute; }
#topNav .test-logo a .text-logo {
    left: 32px; }

#topNav .control-block {
    float: right;
    position: relative;
    right: 15px;
    top: 50%;
    margin-top: -9.5px;
    cursor: pointer; }

.top-tab-change li > a {
    width: 119px;
    height: 70px; }
.top-tab-change li > a:hover {
    text-decoration: none; }

.animation {
    position: fixed !important;
    background-color: #222d3f !important;
    box-shadow: none !important; }
.animation b {
    float: left;
    left: 50px;
    top: 10px !important; }
.animation .tg-top-icon {
    left: 30px;
    top: 30px; }

.level {
    z-index: 4000; }

.default-text-logo {
    transform: scale(0.7);
    top: -7px;
    left: 26px !important; }

.scaleLogo {
    animation: scalelogo 1.5s 1 alternate forwards;
    animation-fill-mode: forwards;
    top: -7px;
    left: 26px !important; }

.zoomLogo {
    animation: zoomlogo 1.5s  1 alternate forwards;
    animation-fill-mode: forwards; }

@keyframes scalelogo {
    0% {
        transform: scale(1); }
    100% {
        transform: scale(0.7); } }

@keyframes zoomlogo {
    0% {
        transform: scale(0.7); }
    100% {
        transform: scale(1); } }

.flyleft span b {
    float: left;
    left: 50px;
    top: 6px !important; }

.flyleft span .tg-top-icon {
    left: 30px;
    top: 21px; }

.default-left-item {
    position: fixed;
    left: 10px; }

.default-other {
    visibility: hidden; }

.default-flytest-ht {
    display: block; }

/*****************************youzu 导航*/
#topNav .yz-nav a {
    margin-top: 0;
    top: 10px;
    left: 10px; }
#topNav .yz-nav a .text-logo {
    left: 48px !important;
    top: 10px; }
#topNav .yz-nav a .pic-logo {
    left: 15px;
    top: 10px; }

#topNav .yz-nav p {
    position: absolute;
    left: 59px;
    top: 38px;
    color: #f2f2f2;
    font-size: 12px; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
/***********************************文章弹出列表样式*/
.article-pop {
    background: #fff;
    padding: 10px 30px;
    padding-left: 237px;
    padding-right: 50px;
    position: fixed;
    bottom: 60px;
    top: 0; }
.article-pop > h3 {
    position: relative;
    z-index: 5;
    padding-left: 20px;
    top: 15px; }
.article-pop > span {
    position: relative;
    z-index: 5;
    top: 0px;
    margin-left: 15px;
    padding-left: 20px;
    font-size: 12px;
    color: #888; }
.article-pop .close-article-pop {
    position: relative;
    top: 25px;
    right: -25px;
    float: right;
    z-index: 20;
    background: #f78b8b;
    width: 30px;
    height: 30px;
    font-size: 20px;
    border-radius: 100%;
    cursor: pointer;
    text-align: center;
    line-height: 26px;
    color: #fff; }
.article-pop .article-pop-content {
    position: absolute;
    right: 0px;
    bottom: 40px;
    top: 20px;
    left: 247px;
    padding-top: 65px; }
.article-pop .article-pop-content .article-list {
    height: 100%;
    margin-right: 50px; }
.article-pop .article-pop-content .article-list .left-list {
    position: relative;
    height: 100%; }
.article-pop .article-pop-content .article-list .left-list .tg-page-list {
    bottom: 0px;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    right: 15px;
    left: 0; }
.article-pop .article-pop-content .article-list .left-list .tg-page-list .fl {
    left: 10px; }
.article-pop .article-pop-content .article-list .left-list .scroll-wrap {
    overflow-y: auto;
    height: 100%;
    padding-bottom: 60px; }
.article-pop .article-pop-content .article-list .detail-right {
    position: relative;
    height: 100%; }
.article-pop .article-pop-content .article-list .detail-right .scroll-wrap {
    height: 100%;
    overflow: auto; }

/*************************************全网评论弹出*/
.comment-pop {
    right: 0;
    padding-left: 257px; }
.comment-pop #allComment {
    height: 100%; }
.comment-pop #allComment .detail-right {
    height: 100%; }
.comment-pop #allComment .detail-right .scroll-wrap {
    height: 100%;
    padding-bottom: 90px; }
.comment-pop #allComment .detail-right .tg-page-list {
    position: absolute;
    right: 0px;
    left: 0;
    bottom: 0px;
    padding-top: 20px;
    padding-bottom: 30px;
    background: #ebeaec; }

/*******************************************翻转动画*/
.more {
    display: none; }

/*出现*/
.iframe-more-date {
    position: fixed;
    background: #fff;
    top: 70px;
    right: 0;
    bottom: 20px;
    opacity: 0;
    z-index: -1;
    animation: flips 2s 1;
    animation-fill-mode: forwards; }

.iframe-more-date-ie {
    position: fixed;
    top: 70px;
    bottom: 20px;
    right: 0;
    z-index: 999;
    display: block; }

/*消失*/
.iframe-more-date-hide {
    position: fixed;
    top: 70px;
    right: 0;
    bottom: 20px;
    opacity: 0;
    z-index: -10;
    background: #fff;
    animation: flipps 2s 1;
    animation-fill-mode: forwards; }

@keyframes flips {
    from {
        transform: perspective(900px) rotateY(50deg) translateX(700px);
        opacity: 0.3;
        z-index: 999; }
    to {
        transform: perspective(0px) rotateY(0deg) translateX(0px);
        opacity: 1;
        z-index: 999; } }

@keyframes flipps {
    from {
        transform: perspective(0px) rotateY(0deg) translateX(0px);
        opacity: 1;
        z-index: 999; }
    to {
        transform: perspective(900px) rotateY(50deg) translateX(700px);
        opacity: 0;
        z-index: -10; } }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.homepage .blockpart .smart {
    height: 265px; }
.homepage .blockpart .smart .report-list {
    height: 300px;
    overflow: auto; }
.homepage .blockpart .smart .report-list li img {
    float: left;
    width: 93px; }
.homepage .blockpart .smart .report-list li .des {
    margin-left: 109px; }
.homepage .blockpart .smart .report-list li .des h3 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    white-space: nowrap;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis; }
.homepage .blockpart .smart .report-list li .des p {
    font-size: 12px;
    color: #808080; }
.homepage .blockpart .smart .report-list li .des a {
    width: 75px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border: 1px solid #d6d6d6; }
.homepage .blockpart .smart .game-list {
    height: 322px;
    overflow: auto; }
.homepage .blockpart .smart .game-list li {
    float: left;
    width: 70px;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 14px;
    cursor: pointer;
    margin-bottom: 15px; }
.homepage .blockpart .smart .game-list li span:hover {
    text-decoration: underline; }
.homepage .blockpart .smart .game-list li img {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -25px;
    margin-bottom: 15px;
    margin-top: 10px;
    cursor: pointer; }

.homepage .border-b {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px; }

.homepage div.row {
    padding: 0 5px 0 20px; }
.homepage div.row .tg-tab-change {
    padding-left: 15px;
    margin: 0 -15px 15px -15px; }
.homepage div.row .add-new {
    background-color: #237bd0;
    color: #fff;
    padding: 20px 20px; }
.homepage div.row .add-new p {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 10px; }
.homepage div.row div.game-overview {
    height: 390px;
    position: relative;
    top: 55px; }
.homepage div.row div.game-overview b {
    font-size: 14px;
    color: #333; }
.homepage div.row div.game-overview img {
    width: 60px;
    height: 60px;
    background-color: #ccc;
    margin-right: 15px;
    position: relative;
    top: -10px; }

.homepage .scroll-wrap {
    height: 180px;
    position: relative; }
.homepage .scroll-wrap h5 {
    color: #838383;
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    margin-top: 60px; }
.homepage .scroll-wrap p {
    text-align: center;
    color: #838383; }
.homepage .scroll-wrap table {
    border: none;
    margin-top: 10px; }
.homepage .scroll-wrap table tr {
    border: none; }
.homepage .scroll-wrap table tr td {
    border: none;
    white-space: nowrap; }
.homepage .scroll-wrap table tr td.color-a {
    color: #313536; }
.homepage .scroll-wrap table tr td.color-b {
    color: #6c6c6c; }
.homepage .scroll-wrap table tr td.color-c {
    color: #8b8b8b; }
.homepage .scroll-wrap table tr td.color-d {
    color: #666666; }

.homepage .no-title h3 {
    position: absolute; }

.homepage .post-part {
    border-top: 1px solid #ccc;
    margin-top: 100px;
    padding: 0 20px; }

.hover-show {
    background-color: #fff;
    overflow: hidden; }
.hover-show .hover-show-content {
    height: 156px;
    position: relative;
    top: 50%;
    margin-top: -78px; }
.hover-show .hover-show-content img {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out; }
.hover-show .hover-show-content .mask-hover {
    position: relative;
    top: 75px;
    left: 0;
    height: 380px;
    color: #565656;
    display: block;
    text-align: center;
    -webkit-transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
    text-align: center;
    padding: 40px;
    margin: 0 -20px; }
.hover-show .hover-show-content .mask-hover h1 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 110px;
    margin-top: 20px;
    margin-bottom: 10px; }
.hover-show .hover-show-content .mask-hover p {
    color: #565656; }

.hover-show {
    cursor: pointer; }
.hover-show:hover .hover-show-content img {
    opacity: 0; }
.hover-show:hover .mask-hover {
    top: -112px;
    background-color: #237bd0;
    padding-top: 90px; }
.hover-show:hover .mask-hover h1 {
    padding-bottom: 20px;
    color: #fff; }
.hover-show:hover .mask-hover p {
    color: #fff;
    font-size: 14px; }
.hover-show:hover .mask-hover h5 {
    color: #fff; }

.post-part > div > .boxshadow {
    background-size: cover;
    background-position: center;
    height: 338px;
    position: relative; }
.post-part > div > .boxshadow .des {
    height: 200px;
    position: relative;
    top: 50%;
    margin-top: -100px; }
.post-part > div > .boxshadow .des h1 {
    color: #fff;
    text-align: center;
    font-size: 33px;
    margin-bottom: 30px;
    position: relative;
    line-height: 40px; }
.post-part > div > .boxshadow .des h1 span {
    color: #fff;
    font-size: 15px;
    text-align: left;
    line-height: 18px; }
.post-part > div > .boxshadow .des h1 span.tm {
    position: relative;
    top: -10px; }
.post-part > div > .boxshadow .des p {
    color: #fff;
    text-align: center;
    font-size: 15px; }
.post-part > div > .boxshadow .des p b {
    font-size: 33px;
    color: #fff; }

.post-part .post1 {
    background: url(../../img/homepage/1.jpg) no-repeat; }

.post-part .post2 {
    background: url(../../img/homepage/2.jpg) no-repeat; }

.post-part .post3 {
    background: url(../../img/homepage/3.jpg) no-repeat; }

.tg-top-icon {
    position: absolute;
    top: 12px;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-left: -15px; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
ul.select-list-wrap {
    margin-left: 44px; }
ul.select-list-wrap > li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: 25px;
    width: 8%; }
ul.select-list-wrap > li:first-child {
    width: 282px; }
ul.select-list-wrap > li div.tg-selected-drop, ul.select-list-wrap > li div#headerTop div.tg-date-selected-drop, div#headerTop ul.select-list-wrap > li div.tg-date-selected-drop {
    display: inline-block; }
ul.select-list-wrap > li span {
    margin-right: 5px; }
ul.select-list-wrap > li > input {
    width: 100%; }

/*tg-filter-show*/
div.tg-filter-show > ul {
    height: 393px; }

div.tg-filter-show ul.hot-filter-list {
    width: 406px;
    background-color: #ebeaec;
    border: 1px solid #ccc;
    float: left;
    padding: 15px; }
div.tg-filter-show ul.hot-filter-list p {
    margin-bottom: 10px; }
div.tg-filter-show ul.hot-filter-list li {
    margin-bottom: 19px;
    width: 374px; }
div.tg-filter-show ul.hot-filter-list li input {
    height: 39px;
    line-height: 39px;
    border: 1px solid #ccc;
    width: 100%; }
div.tg-filter-show ul.hot-filter-list li a {
    width: 80px;
    position: relative;
    left: 50%;
    margin-left: -40px; }

div.tg-filter-show ul.hotword-graph-show {
    margin-left: 421px; }

div#headerTop span.hotword {
    position: relative;
    top: 43px; }

div#headerTop div.hotword-drop {
    position: relative;
    top: 25px;
    left: 5px; }
div#headerTop div.hotword-drop p {
    height: 40px;
    line-height: 40px;
    width: 202px; }
div#headerTop div.hotword-drop ul {
    width: 202px; }
div#headerTop div.hotword-drop ul li:first-child {
    background-color: #fff; }
div#headerTop div.hotword-drop ul li:first-child:hover {
    background-color: #fff; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
div.insidelog-graph {
    height: 400px;
    margin: 0px 15px 30px 15px;
    padding-top: 20px;
    position: relative; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.suddenly-graph {
    height: 400px;
    margin-bottom: 25px; }

.switch-btn {
    float: right; }
.switch-btn .switch-part {
    display: inline-block; }

.switch-btn span {
    color: #434343;
    font-size: 12px;
    float: right;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    background-color: #237bd0; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
div.tg-table-layout.assistant div.tg-table-content div.tg-table-wrap div.tg-select-filter > div > span {
    display: inline-block;
    margin-right: 20px; }

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    padding: 3px 10px; }

.bootstrap-switch {
    height: 25px;
    line-height: 25px; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
div.dataoverview {
    padding: 0;
    padding-bottom: 20px;
    padding-top: 20px; }
div.dataoverview ul.data-list li {
    height: 126px;
    padding: 0 60px; }
div.dataoverview ul.data-list li:nth-child(even) {
    background-color: #f5f4f5; }
div.dataoverview ul.data-list li:first-child > div {
    border-top: none; }
div.dataoverview ul.data-list li:hover {
    background-color: #dbf5fc; }
div.dataoverview ul.data-list li > div {
    padding: 20px 0;
    border-top: 1px solid #ccc;
    position: relative;
    height: 126px; }
div.dataoverview ul.data-list li > div:first-child {
    border-right: 1px solid #ccc;
    margin-right: 15px;
    margin-left: 0; }
div.dataoverview ul.data-list li > div a {
    position: absolute;
    top: 55px;
    right: 15px; }
div.dataoverview ul.data-list li > div h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 32px;
    position: absolute;
    left: 140px; }
div.dataoverview ul.data-list li > div > b {
    height: 42px;
    line-height: 42px;
    display: inline-block;
    color: #fff;
    padding: 0 85px 0 10px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-bottom: 15px; }
div.dataoverview ul.data-list li > div p b {
    margin: 0 3px; }
div.dataoverview ul.data-list li > div span {
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    top: 57px; }
div.dataoverview ul.data-list li > div span:hover > div.hover-show {
    display: block; }
div.dataoverview ul.data-list li > div span > div.hover-show {
    position: absolute;
    padding: 15px;
    left: 0;
    display: none;
    z-index: 4;
    min-width: 106px; }
div.dataoverview ul.data-list li > div span b {
    color: #454545;
    margin: 0 3px; }
div.dataoverview ul.data-list li > div b.data-blue {
    background-color: #3399dc; }
div.dataoverview ul.data-list li > div b.data-green {
    background-color: #2dcd70; }
div.dataoverview ul.data-list li > div b.data-red {
    background-color: #ec644c; }

div.dataoverview ul.data-list li .fl {
    width: 125px; }

div.dataoverview ul.data-list li .fl > b {
    width: 125px;
    position: absolute;
    font-size: 20px; }

div.dataoverview ul.data-list li .fl p {
    position: relative;
    top: 0px; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.face-part {
    height: 515px; }

.contrast-list {
    height: 60px;
    position: relative;
    color: #898989; }
.contrast-list .percent span {
    color: #414141; }
.contrast-list .word-des {
    position: absolute;
    width: 50%;
    left: 50%;
    margin-left: -25%;
    bottom: 23px;
    font-size: 14px;
    text-align: center; }
.contrast-list .des {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #878787; }
.contrast-list .des span {
    color: #878787; }
.contrast-list .line .line-bg {
    background-color: #ebebed;
    height: 10px;
    border-radius: 5px;
    width: 49.9%;
    display: inline-block; }
.contrast-list .line .line-bg .left-percent {
    background-color: #3299dc;
    width: 20%;
    height: 10px;
    float: right;
    border-radius: 5px; }
.contrast-list .line .line-bg .right-percent {
    background-color: #2ecd71;
    width: 60%;
    height: 10px;
    border-radius: 5px; }

.single-list {
    text-align: right; }
.single-list .line .line-bg {
    width: 100%; }
.single-list .word-des {
    left: 15px; }

.face-title-list li {
    display: inline-block;
    color: #312f30;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 10px;
    width: 49.5%;
    text-align: center; }

.pictorial {
    margin-bottom: 10px; }
.pictorial ul.tg-tab-btn {
    margin-right: 20px; }
.pictorial span {
    margin-right: 20px;
    line-height: 26px; }
.pictorial span:first-child {
    color: #333; }
.pictorial span i {
    height: 10px;
    width: 10px;
    background-color: #3299dc;
    display: inline-block;
    margin-right: 5px; }
.pictorial .color-r i {
    background-color: #2fcd6c; }

.table-contrast ul {
    width: 49%; }
.table-contrast ul:first-child {
    border-right: 1px solid #ccc;
    padding-right: 1%; }

.tg-table-face {
    margin-bottom: 0; }
.tg-table-face thead tr {
    border-bottom: none; }
.tg-table-face thead tr th {
    color: #909090;
    font-weight: normal;
    border-bottom: none;
    white-space: nowrap; }
.tg-table-face tbody tr td {
    height: 35px;
    line-height: 35px;
    padding: 0 8px;
    white-space: nowrap;
    font-size: 14px;
    max-width: 75px;
    overflow: hidden;
    text-overflow: ellipsis; }
.tg-table-face tbody tr td:last-child {
    color: #8c8c8c; }
.tg-table-face tbody tr td b.color {
    color: #e54d3f; }
.tg-table-face tbody tr td b {
    margin-right: 10px; }

.face-part-percent {
    height: 515px; }
.face-part-percent div {
    overflow: hidden;
    padding: 0 15px; }
.face-part-percent div ul {
    width: 50%; }
.face-part-percent div ul .color {
    background-color: #3398dc;
    height: 93px;
    width: 43%; }
.face-part-percent div ul li {
    float: left;
    text-align: center; }
.face-part-percent div ul li b {
    font-size: 15px;
    padding-bottom: 15px;
    display: block; }
.face-part-percent div ul li i.graph-icon {
    height: 76px;
    display: inline-block;
    background: url(../../img/graph-icon.jpg) no-repeat;
    margin-right: 24px; }

.man-percent .fl i.graph-icon {
    background-position: 0 0;
    width: 37px; }

.man-percent .fr i.graph-icon {
    background-position: -37px 0;
    width: 37px; }

.woman-percent .fl i.graph-icon {
    background-position: -73px  0;
    width: 36px; }

.woman-percent .fr i.graph-icon {
    background-position: -109px 0;
    width: 36px; }

.woman-percent .fr li.fr, .man-percent .fr li.fr {
    float: right; }

.woman-percent .fr i, .man-percent .fr i {
    position: absolute;
    right: 115px; }

.man-percent .fl .color, .woman-percent .fl .color {
    background-color: #5db8e8;
    float: right;
    position: relative;
    right: 1px; }

.man-percent .fr .color, .woman-percent .fr .color {
    background-color: #2ed383;
    float: left; }

.man-percent ul {
    margin: 50px 0;
    border-bottom: 1px  solid #ccc;
    padding-bottom: 50px; }

.man-percent .fl li b, .woman-percent .fl li b {
    color: #5db8e8; }

.man-percent .fr li b, .woman-percent .fr li b {
    color: #2ed383; }

.contrast-content div#headerTop .tg-search-drop {
    margin-right: 15px; }

.contrast-content div#headerTop .narrow-width {
    width: 80px; }
.contrast-content div#headerTop .narrow-width p.tg-drop-text-part {
    width: 80px;
    padding-left: 5px; }
.contrast-content div#headerTop .narrow-width p.tg-drop-text-part span {
    white-space: nowrap;
    width: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; }
.contrast-content div#headerTop .narrow-width .tg-drop-content {
    width: 100%; }
.contrast-content div#headerTop .narrow-width .tg-drop-content input {
    width: 75px;
    padding-left: 5px; }

.face-part-percent > ul > li {
    float: left;
    text-align: center;
    width: 50%;
    position: relative; }
.face-part-percent > ul > li .color {
    position: absolute;
    bottom: 212px;
    left: 50%;
    margin-left: -20%; }
.face-part-percent > ul > li p {
    margin-top: 200px;
    border-top: 1px solid #ccc;
    padding-top: 20px; }
.face-part-percent > ul > li i.graph-icon {
    background: url(../../img/graph-icon.jpg) no-repeat;
    height: 77px;
    display: block;
    margin: 20px 0;
    background-position: 0 0;
    position: relative;
    left: 50%;
    margin-left: -18px; }
.face-part-percent > ul > li b {
    display: block;
    margin-bottom: 20px;
    font-size: 15px; }

.face-part-percent > ul .man .color {
    background-color: #3399dc;
    height: 100px;
    width: 40%; }

.face-part-percent > ul .man b {
    color: #3399dc; }

.face-part-percent > ul .man i {
    width: 37px; }

.face-part-percent > ul .woman .color {
    background-color: #774689;
    width: 40%;
    height: 200px; }

.face-part-percent > ul .woman b {
    color: #774689; }

.face-part-percent > ul .woman i {
    width: 36px;
    background-position: -294px 0  !important; }

.pictorial div.tg-short-drop {
    display: inline-block;
    width: 100px; }
.pictorial div.tg-short-drop p {
    height: 29px;
    line-height: 29px; }
.pictorial div.tg-short-drop ul {
    width: 100px; }
.pictorial div.tg-short-drop ul li {
    display: block;
    float: none; }

.face-part {
    position: relative; }
.face-part div.graph-show {
    width: 70%;
    height: 100%; }

.instruct-plant {
    border: 1px solid #ccc;
    border-radius: 15px;
    position: absolute;
    right: 20px;
    top: 60px;
    overflow: hidden; }
.instruct-plant li {
    border-top: 1px solid #ccc;
    padding: 20px 15px; }
.instruct-plant li:first-child {
    border-top: none; }
.instruct-plant li:hover {
    background-color: #EBF5FC;
    cursor: default; }
.instruct-plant li div b {
    margin-right: 10px;
    font-size: 15px;
    margin-bottom: 10px;
    text-align: center; }
.instruct-plant li div b.color-a {
    color: #2ccc72; }
.instruct-plant li div b.color-b {
    color: #389743; }
.instruct-plant li div b.color-c {
    color: #0e7361; }
.instruct-plant li div b.color-d {
    color: #e54e3b; }
.instruct-plant li div b.color-e {
    color: #e48626; }
.instruct-plant li div b.color-f {
    color: #f4cf4a; }
.instruct-plant li div p {
    font-size: 14px;
    color: #373737;
    min-width: 130px; }
.instruct-plant li span {
    color: #969696;
    text-align: center; }

.triangle-border {
    margin-left: -25px; }

.triangle-border-wrap {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 25px solid #ccc;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px; }

.triangle-content {
    border-top: 19px solid transparent;
    border-right: 24px solid #fff;
    border-bottom: 19px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    z-index: 2;
    margin-left: 2px; }

.face-advertisement-wrap {
    overflow: hidden;
    padding-top: 60px; }

.face-advertisement {
    float: left;
    width: 350px;
    margin: 0 17px; }
.face-advertisement div {
    float: left; }
.face-advertisement div img {
    width: 92px;
    height: 92px;
    margin: 0 20px;
    position: relative;
    top: -15px; }
.face-advertisement div b {
    color: #329bdf;
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
    margin-top: 10px; }
.face-advertisement div p {
    font-size: 14px;
    color: #363636; }
.face-advertisement div span {
    width: 30%;
    display: block; }

.contrast-list .line .line-bg .line-a {
    background-color: #41a4da; }

.contrast-list .line .line-bg .line-b {
    background-color: #3dca82; }

.contrast-list .line .line-bg .line-c {
    background-color: #865996; }

.contrast-list .line .line-bg .line-d {
    background-color: #edcf5a; }

.contrast-list .line .line-bg .line-e {
    background-color: #396acf; }

.contrast-list .line .line-bg .line-f {
    background-color: #419f52; }

.contrast-list .line .line-bg .line-g {
    background-color: #4f4784; }

.face-advertisement > div:first-child {
    min-width: 100px; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.report-part .report-b {
    margin: 0 -15px;
    position: relative; }
.report-part .report-b .report-banner {
    background: url(../../img/report/report-b.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 435px;
    display: block; }
.report-part .report-b .btn-union {
    position: absolute;
    bottom: 90px;
    left: 50%;
    margin-left: -110px; }
.report-part .report-b .btn-union a {
    display: inline-block;
    cursor: pointer; }

.report-part .report-item .report-banner {
    height: 154px;
    background: url(../../img/report/report-item.jpg) no-repeat;
    background-size: cover;
    background-position: center; }

.report-part .report-b-noservice {
    margin-bottom: 60px; }

.report-part .report-wrap {
    overflow: hidden;
    padding: 0; }

.report-part .report-list {
    border-top: 1px solid #ccc;
    padding-top: 20px; }
.report-part .report-list:first-child {
    border-top: none; }
.report-part .report-list li {
    position: relative;
    display: inline-block;
    height: 190px;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px; }
.report-part .report-list li img {
    position: absolute;
    height: 190px; }
.report-part .report-list li .des-wrap {
    margin-left: 149px; }
.report-part .report-list li .des-wrap h5 {
    font-size: 14px;
    color: #192231;
    font-weight: bold;
    white-space: nowrap; }
.report-part .report-list li .des-wrap h5 + p {
    white-space: nowrap; }
.report-part .report-list li .des-wrap p {
    color: #636363;
    margin-bottom: 0;
    line-height: 18px;
    max-height: 90px;
    overflow: hidden;
    text-overflow: ellipsis; }
.report-part .report-list li .des-wrap button {
    position: absolute;
    bottom: 0;
    display: inline-block;
    margin-right: 15px;
    width: 80px; }
.report-part .report-list li .des-wrap button.tg-assist-btn {
    left: 240px; }

.report-detail .blockpart .report-list {
    margin: -15px; }

.report-top img {
    width: 80px;
    height: 80px;
    background-color: #ccc;
    position: absolute;
    top: 50%;
    margin-top: -40px; }

.report-top .des {
    margin-left: 100px;
    padding-top: 5px; }
.report-top .des h3 {
    font-size: 16px;
    color: #19222f;
    display: inline-block;
    margin-right: 15px; }
.report-top .des p {
    color: #999999; }
.report-top .des button {
    display: inline-block; }

.tg-report-icon {
    width: 80px;
    height: 80px;
    position: absolute; }

.report-no-service {
    margin-bottom: 20px; }
.report-no-service .report-list {
    height: 265px; }
.report-no-service .report-list li img {
    width: 60px;
    height: 60px; }
.report-no-service .report-list li .des-wrap {
    position: relative;
    top: -20px;
    margin-left: 75px; }
.report-no-service .report-list li .des-wrap h3 {
    margin-bottom: 20px;
    font-size: 22px;
    color: #333; }
.report-no-service .report-list li .des-wrap p {
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
    line-height: 20px; }
.report-no-service .report-list li .des-wrap a {
    display: block;
    margin: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #237bd0;
    text-decoration: none;
    cursor: pointer; }
.report-no-service .report-list li .des-wrap a:hover {
    text-decoration: underline;
    color: #3064ac; }

@media screen and (max-width: 1680px) {
    .report-no-service {
        width: 50%; } }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
#mainContent {
    position: relative; }

.tg-top-search {
    height: 218px;
    background-color: #1d64c5; }
.tg-top-search h3 {
    font-size: 17px;
    text-align: center;
    color: #fff;
    padding-top: 60px;
    margin: 0; }
.tg-top-search .search-wrap {
    position: relative;
    width: 60%;
    margin: 0 auto; }
.tg-top-search .search-wrap button {
    border: none; }
.tg-top-search .search-wrap input[type="text"] {
    position: relative;
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 15px;
    padding-left: 25px;
    width: 100%;
    outline: none;
    margin-top: 36px;
    font-size: 14px;
    color: #828282;
    background-color: #ebeaec; }
.tg-top-search .search-wrap i.tg-search-btn {
    position: absolute;
    right: 3px;
    top: 40px;
    width: 60px;
    height: 29px;
    background-position: -343px 0px; }

.search-pop-wrap {
    position: absolute;
    z-index: 100;
    width: 96%;
    left: 50%;
    margin-left: -48%;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
    top: 151px;
    display: none; }
.search-pop-wrap i.tg-remove-icon {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    font-size: 16px; }
.search-pop-wrap .search-content {
    padding: 20px;
    padding-top: 60px; }
.search-pop-wrap .search-content .head-select-list {
    margin-left: 170px;
    border-bottom: 1px solid #dfdfdf;
    overflow: hidden;
    padding-right: 30%; }
.search-pop-wrap .search-content .head-select-list li {
    float: left;
    font-size: 14px;
    color: #a4a4a4;
    width: 10%;
    cursor: pointer;
    padding-bottom: 22px;
    text-align: center; }
.search-pop-wrap .search-content .head-select-list .selected {
    border-bottom: 2px solid #237bd0;
    color: #3a3a3a; }
.search-pop-wrap .head-select-content {
    overflow: hidden; }
.search-pop-wrap .head-select-content .right-result-list {
    padding: 20px 30px;
    margin-left: 195px;
    max-height: 228px;
    overflow-y: scroll; }
.search-pop-wrap .head-select-content .right-result-list dl {
    position: relative;
    margin-bottom: 20px; }
.search-pop-wrap .head-select-content .right-result-list dl dt {
    position: absolute;
    left: -30px;
    color: #237bd0;
    font-size: 14px; }
.search-pop-wrap .head-select-content .right-result-list dl dd {
    display: inline-block;
    font-size: 14px;
    margin: 0px 30px  25px 0;
    cursor: pointer; }
.search-pop-wrap .head-select-content .right-result-list dl dd:hover {
    color: #237bd0; }
.search-pop-wrap .head-select-content .left-type-list {
    width: 170px;
    border-right: 1px  solid #e5e5e5;
    float: left; }
.search-pop-wrap .head-select-content .left-type-list li.selected {
    background-color: #e9e9ea; }
.search-pop-wrap .head-select-content .left-type-list li {
    height: 57px;
    font-size: 14px;
    line-height: 57px;
    cursor: pointer; }
.search-pop-wrap .head-select-content .left-type-list li i.c_img {
    background: url(../../img/common.png) no-repeat;
    display: inline-block;
    margin-left: 40px;
    margin-right: 15px;
    position: relative;
    top: 3px; }
.search-pop-wrap .head-select-content .left-type-list li i.cj-1 {
    width: 14px;
    height: 19px;
    background-position: -214px -49px;
    top: 6px;
    left: 4px; }
.search-pop-wrap .head-select-content .left-type-list li i.cj-2 {
    width: 19px;
    height: 18px;
    background-position: -228px -49px; }
.search-pop-wrap .head-select-content .left-type-list li i.cj-3 {
    width: 18px;
    height: 16px;
    background-position: -249px -49px; }
.search-pop-wrap .head-select-content .left-type-list li i.cj-4 {
    width: 21px;
    height: 18px;
    background-position: -268px -49px;
    top: 2px; }
.search-pop-wrap .recommend-game h3 {
    font-size: 15px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
    padding-left: 20px; }
.search-pop-wrap .recommend-game ul {
    padding: 20px 7px; }
.search-pop-wrap .recommend-game ul li {
    float: left;
    width: 187px;
    margin-bottom: 30px; }
.search-pop-wrap .recommend-game ul li img {
    width: 50px;
    height: 50px;
    position: absolute; }
.search-pop-wrap .recommend-game ul li div {
    margin-left: 71px;
    position: relative;
    top: 3px; }
.search-pop-wrap .recommend-game ul li div p {
    color: #333; }
.search-pop-wrap .recommend-game ul li div span {
    color: #a3a3a3; }

.yuqing-center {
    height: 480px; }

.yu-my-game .game-list > li {
    border-top: 1px solid #ccc;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px; }
.yu-my-game .game-list > li:first-child {
    border-top: none; }
.yu-my-game .game-list > li ul.fr li {
    display: inline-block;
    margin-right: 20px;
    font-size: 12px;
    color: #595959; }
.yu-my-game .game-list > li ul.fr li > p {
    position: relative;
    top: 8px; }
.yu-my-game .game-list > li ul.fr li > b {
    float: right; }
.yu-my-game .game-list > li ul.fr li .hover-show {
    position: absolute;
    z-index: 3;
    display: none; }
.yu-my-game .game-list > li ul.fr li span {
    cursor: pointer; }
.yu-my-game .game-list > li ul.fr li span:hover + div.hover-show {
    display: block; }
.yu-my-game .game-list > li ul.fr li span b {
    font-size: 16px; }
.yu-my-game .game-list > li ul.fr li span b.color-blue {
    color: #237bd0;
    cursor: default; }
.yu-my-game .game-list > li ul.fr li span b.color-green {
    color: #2dcd70; }
.yu-my-game .game-list > li ul.fr li span b.color-red {
    color: #e44d3c; }
.yu-my-game .game-list > li div.fl img {
    position: absolute;
    width: 50px;
    height: 50px;
    cursor: pointer; }
.yu-my-game .game-list > li div.fl p {
    margin-left: 65px;
    font-size: 14px;
    color: #333;
    cursor: pointer; }
.yu-my-game .game-list > li div.fl p:hover {
    color: #237bd0;
    text-decoration: underline; }
.yu-my-game .game-list > li div.fl span {
    font-size: 12px;
    color: #8e8e8e;
    margin-left: 65px; }
.yu-my-game .game-list > li div.fl ul.tg-tab-btn {
    position: absolute;
    left: 85px;
    margin-top: -5px; }
.yu-my-game .game-list > li div.fl ul.tg-tab-btn li {
    margin-right: 5px;
    border: 1px solid #237bd0;
    color: #237bd0;
    padding-bottom: 0px;
    padding-top: 1px; }
.yu-my-game .game-list > li div.fl ul.tg-tab-btn li:hover {
    color: #fff;
    background-color: #237bd0; }
.yu-my-game .game-list > li div.fl ul.tg-tab-btn li.selected {
    background-color: #237bd0;
    color: #fff; }

.yu-recent-game {
    padding: 20px 0; }
.yu-recent-game ul.right {
    border-left: 1px solid #ccc; }
.yu-recent-game ul li {
    height: 90px;
    cursor: pointer;
    position: relative;
    width: 50%; }
.yu-recent-game ul li:hover {
    background-color: #e7f3fb; }
.yu-recent-game ul li img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -25px; }
.yu-recent-game ul li p {
    font-size: 14px;
    margin-left: 85px;
    padding-top: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px; }
.yu-recent-game ul li span {
    font-size: 12px;
    margin-left: 85px;
    color: #8e8e8e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 105px;
    display: block; }
.yu-recent-game ul li:nth-child(even) {
    float: right;
    position: relative;
    top: -90px;
    border-left: 1px solid #ccc; }

.yu-search-title {
    font-size: 14px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 20px; }
.yu-search-title b {
    color: #237bd0; }

.yuqing-search-result {
    padding: 0; }
.yuqing-search-result:last-child .game-list {
    margin-bottom: 0; }
.yuqing-search-result .game-list {
    padding: 20px 15px;
    margin-bottom: 20px;
    position: relative; }
.yuqing-search-result .game-list > li {
    min-height: 76px;
    padding: 0; }
.yuqing-search-result .game-list > li ul.fr {
    position: absolute;
    right: 15px;
    height: 100%;
    top: 0; }
.yuqing-search-result .game-list > li ul.fr li {
    text-align: center;
    border-left: 1px solid #ccc;
    padding: 0 20px;
    margin-right: 0;
    float: left;
    height: 100%;
    padding-top: 30px; }
.yuqing-search-result .game-list > li ul.fr li button {
    display: inline-block;
    margin: 0 5px;
    position: relative;
    top: 15px; }
.yuqing-search-result .game-list > li div.fl img {
    width: 76px;
    height: 76px; }
.yuqing-search-result .game-list > li div.fl p {
    margin-left: 91px;
    margin-bottom: 5px; }
.yuqing-search-result .game-list > li div.fl p + span {
    margin-left: 91px; }
.yuqing-search-result .game-list > li div.fl span {
    margin-left: 20px; }
.yuqing-search-result .game-list > li div.fl ul.tg-tab-btn {
    left: 105px;
    margin-top: 10px; }
@media screen and (max-width: 1440px) {
    .yuqing-search-result .game-list > li div.fl {
        width: 750px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .yuqing-search-result .game-list > li div.fl span {
        margin-left: 10px; }
    .yuqing-search-result .game-list > li ul.fr {
        right: 0; }
    .yuqing-search-result .game-list > li ul.fr li {
        padding: 0 10px;
        padding-top: 30px; }
    .yuqing-search-result .game-list > li ul.fr li button {
        width: 70px;
        margin: 0;
        margin-right: 5px; } }

@media screen and (max-width: 1440px) and (max-width: 1280px) {
    .yuqing-search-result .game-list > li div.fl {
        width: 500px; } }

@media screen and (max-width: 1440px) and (max-width: 1200px) {
    .yuqing-search-result .game-list > li div.fl {
        width: 350px; } }

.yu-hot-game .game-list > li ul.fr li {
    margin-right: 0; }

@media screen and (min-width: 1670px) {
    .fourPercent {
        width: 40%; }
    .threePercent {
        width: 30%; } }

@media screen and (max-width: 1670px) {
    .widthLarge {
        width: 100%; }
    .widthMid {
        width: 50%; } }

@media screen and (max-width: 1560px) {
    .widthLarge-b {
        width: 100%; } }

@media screen and (max-width: 1095px) {
    .search-pop-wrap .recommend-game ul li {
        width: 170px; } }

@media screen and (max-width: 1490px) {
    #contentPart .tg-table-layout .tg-table-content .channel-narrow-width li {
        padding: 20px 10px; } }

@media screen and (max-width: 1190px) {
    .smallFullscrenn {
        width: 100%; } }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.low-height-search {
    height: auto; }
.low-height-search div.search-wrap input[type="text"] {
    margin-top: 20px;
    margin-bottom: 20px; }
.low-height-search div.search-wrap i.tg-search-btn {
    top: 24px; }
.low-height-search + div.search-pop-wrap {
    top: 57px; }

.game-summary .game-list {
    height: 487px; }
.game-summary .game-list > li {
    border-top: none; }
.game-summary .game-list > li ul.tg-tab-change-block {
    border-bottom: none;
    overflow: hidden;
    width: 99.4%;
    margin-bottom: 20px; }
.game-summary .game-list > li ul.tg-tab-change-block li {
    height: 173px;
    width: 14.28%;
    padding: 0 10px;
    float: left;
    border: 1px solid #ccc;
    border-left: none; }
.game-summary .game-list > li ul.tg-tab-change-block li:first-child {
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #ccc; }
.game-summary .game-list > li ul.tg-tab-change-block li b.color-1 {
    color: #2167c6; }
.game-summary .game-list > li ul.tg-tab-change-block li b.color-2 {
    color: #1d64c5; }
.game-summary .game-list > li ul.tg-tab-change-block li b.color-3 {
    color: #49bd23; }
.game-summary .game-list > li ul.tg-tab-change-block li b.color-4 {
    color: #ff3e59; }
.game-summary .game-list > li ul.tg-tab-change-block li b.color-5 {
    color: #1d64c5; }
.game-summary .game-list > li ul.tg-tab-change-block li b.color-6 {
    color: #019b3c; }
.game-summary .game-list > li ul.tg-tab-change-block li b.color-7 {
    color: #bd0127; }
.game-summary .game-list > li ul.tg-tab-change-block li > b {
    font-size: 17px;
    margin-top: 50px;
    margin-bottom: 10px; }
.game-summary .game-list > li ul.tg-tab-change-block li p {
    color: #333;
    margin-bottom: 10px; }
.game-summary .game-list > li ul.tg-tab-change-block li span {
    color: #8c8c8c;
    line-height: 20px; }
.game-summary .game-list > li ul.tg-tab-change-block li span b {
    display: inline-block;
    font-size: 12px;
    margin: 0 5px; }
.game-summary .game-list > li:first-child {
    padding-bottom: 54px;
    border-bottom: 1px solid #ccc; }
.game-summary .game-list > li h5 {
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0; }
.game-summary .game-list > li p {
    line-height: 20px;
    margin-bottom: 40px; }
.game-summary .game-list > li .operation-btn {
    position: absolute;
    right: 20px;
    top: 15px; }
.game-summary .game-list > li .operation-btn button {
    display: inline-block; }
.game-summary .game-list > li .operation-btn button.tg-assist-btn {
    margin-left: 10px; }

.game-summary-recommend {
    padding: 0; }
.game-summary-recommend .game-list {
    height: 487px;
    padding: 20px; }
.game-summary-recommend .game-list > li {
    padding-bottom: 20px; }
.game-summary-recommend .game-list > li div.fl img {
    width: 48px;
    height: 48px; }
.game-summary-recommend .game-list > li div.fl p {
    margin-left: 63px;
    margin-top: -3px;
    margin-bottom: 12px; }
.game-summary-recommend .game-list > li div.fl p:hover {
    text-decoration: underline; }
.game-summary-recommend .game-list > li div.fl ul.tg-tab-btn {
    left: 90px;
    margin-top: -7px; }
.game-summary-recommend .game-list > li ul.fr li {
    border: none;
    text-align: center; }

.channel-infor div.boxshadow {
    float: left;
    padding: 20px;
    margin-right: 1%;
    margin-bottom: 1%;
    width: 19%;
    height: 323px; }
.channel-infor div.boxshadow img {
    height: 44px;
    margin-bottom: 20px; }
.channel-infor div.boxshadow .channel-card-list li {
    margin-bottom: 25px;
    padding: 0 20px; }
.channel-infor div.boxshadow .channel-card-list li:first-child {
    border-top: 1px solid #ccc;
    padding-top: 25px; }
.channel-infor div.boxshadow .channel-card-list li span a {
    text-decoration: underline;
    cursor: pointer; }
.channel-infor div.boxshadow .channel-card-list li span:first-child {
    float: left;
    min-width: 60px;
    margin-right: 20px; }
.channel-infor div.boxshadow .channel-card-list li .star-level {
    display: inline-block; }
.channel-infor div.boxshadow .channel-card-list li .star-level i.tg-icon {
    height: 14px;
    width: 14px;
    display: inline-block; }

@media screen and (max-width: 1365px) {
    .channel-infor div.boxshadow {
        width: 30%; } }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.player-response {
    height: 653px; }
.player-response .wrap {
    border: 1px solid #ccc;
    height: 563px;
    overflow: hidden; }
.player-response .graph-wrap {
    background-color: #fff;
    position: relative;
    margin-left: 35%;
    height: 561px; }
.player-response .graph-wrap > div {
    padding: 20px; }
.player-response .graph-wrap > div:first-child {
    padding-bottom: 0; }
.player-response .graph-wrap > div .graph-part {
    height: 210px; }
.player-response .graph-wrap > div p {
    font-size: 14px;
    color: #333;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc; }
.player-response .fl {
    width: 35%;
    border-right: 1px solid #ccc; }
.player-response .fl > ul {
    float: left;
    margin-bottom: 0; }
.player-response .fl .problem-list {
    padding: 30px 15px;
    padding-bottom: 40px;
    width: 70%;
    height: 561px;
    border-left: 1px solid #ccc;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    position: relative; }
.player-response .fl .problem-list li.selected {
    background-color: #e7f3fb; }
.player-response .fl .problem-list li.selected i.triangle-shadow {
    position: absolute;
    right: -3px;
    width: 15px;
    height: 39px;
    background-position: -403px 0;
    margin-top: -7px; }
.player-response .fl .problem-list li {
    color: #363636;
    padding: 13px 10px;
    border-top: 1px solid #ccc;
    cursor: pointer;
    margin-right: -15px;
    position: relative; }
.player-response .fl .problem-list li b {
    position: relative;
    top: -4px;
    font-weight: normal;
    margin-right: 5px; }
.player-response .fl .problem-list li span {
    display: inline-block;
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.player-response .fl .problem-list li:hover {
    background-color: #e7f3fb; }
.player-response .fl .problem-list li:first-child {
    border-top: none; }
.player-response .fl .vertical-tab-change {
    background-color: #ebeaec;
    height: 561px;
    width: 30%; }
.player-response .fl .vertical-tab-change li.selected {
    background-color: #e7f3fb;
    position: relative; }
.player-response .fl .vertical-tab-change li.selected .triangle-shadow {
    position: absolute;
    right: -2px;
    top: 40%;
    z-index: 2;
    width: 15px;
    height: 39px;
    background-position: -403px 0; }
.player-response .fl .vertical-tab-change li {
    text-align: center;
    padding: 25px 0;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    cursor: pointer; }
.player-response .fl .vertical-tab-change li:hover {
    background-color: #e7f3fb; }
.player-response .fl .vertical-tab-change li b {
    font-size: 17px;
    margin-bottom: 12px; }
.player-response .fl .vertical-tab-change li b.color-a {
    color: #f33f57; }
.player-response .fl .vertical-tab-change li b.color-b {
    color: #73bd36; }
.player-response .fl .vertical-tab-change li b.color-c {
    color: #1862c9; }
.player-response .fl .vertical-tab-change li p {
    color: #555555; }

.koubei-percent-wrap {
    background-color: #ebeaec;
    border: 1px solid #ccc;
    height: 19px;
    border-radius: 10px;
    width: 60%;
    float: right;
    position: absolute;
    right: 3%;
    top: 15px;
    overflow: hidden; }
.koubei-percent-wrap .rate {
    width: 80%;
    background-color: #f33f57;
    height: 100%;
    border-radius: 10px; }
.koubei-percent-wrap .green-rate {
    background-color: #73bd36; }
.koubei-percent-wrap .blue-rate {
    background-color: #1862c9; }

.hotword-rank {
    height: 653px; }
.hotword-rank .wrap .fl {
    width: 30%; }
.hotword-rank .wrap .fl .problem-list {
    width: 100%;
    height: 561px;
    padding: 15px;
    overflow-x: hidden;
    overflow-y: auto;
    border-left: none; }
.hotword-rank .wrap .fl .problem-list li span {
    margin-right: 10px; }
.hotword-rank .wrap .fl .problem-list li .koubei-percent-wrap {
    width: 40%; }
.hotword-rank .wrap .fl .problem-list li .koubei-percent-wrap .rate {
    background-color: #1d64c5; }
.hotword-rank .wrap .graph-wrap {
    width: 70%;
    margin-left: 30%; }
.hotword-rank .wrap .graph-wrap div {
    position: relative;
    z-index: 5; }
.hotword-rank .wrap .graph-wrap div span.control-icon {
    background-color: #ebeaec;
    height: 81px;
    width: 30px;
    position: absolute;
    cursor: pointer;
    z-index: 100; }
.hotword-rank .wrap .graph-wrap div span.control-icon i.tg-graph {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -5px;
    margin-left: -5px; }
.hotword-rank .wrap .graph-wrap div .pre-click i.tg-graph {
    background-position: -60px 0; }
.hotword-rank .wrap .graph-wrap div .next-click {
    right: 20px;
    top: 20px; }
.hotword-rank .wrap .graph-wrap div #bs_rank_detail {
    overflow: hidden;
    margin-bottom: -12px;
    z-index: 10; }
.hotword-rank .wrap .graph-wrap div ul.tab-click-change {
    width: 50000px;
    padding: 0 35px;
    margin-bottom: 12px;
    float: left; }
.hotword-rank .wrap .graph-wrap div ul.tab-click-change li.selected {
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: none;
    height: 92px;
    box-shadow: 0px -6px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: -1px;
    border-bottom: 1px solid #fff; }
.hotword-rank .wrap .graph-wrap div ul.tab-click-change li {
    width: 100px;
    float: left;
    text-align: center;
    background-color: #2e89c5;
    height: 81px;
    cursor: pointer; }
.hotword-rank .wrap .graph-wrap div ul.tab-click-change li span {
    margin-top: 15px;
    display: block;
    color: #333;
    font-weight: bold; }
.hotword-rank .wrap .graph-wrap div ul.tab-click-change li p {
    border-bottom: none;
    margin-top: 20px; }
.hotword-rank .wrap .graph-wrap div .graph-part {
    border: 1px solid #ccc;
    padding: 10px;
    height: 430px; }

#playerTalkRank {
    min-height: 653px; }
#playerTalkRank .tg-page-list {
    border-top: none;
    padding: 0 !important; }
#playerTalkRank .tg-table-wrap th.rate-num {
    min-width: 350px; }
#playerTalkRank .tg-table-wrap td {
    position: relative; }
#playerTalkRank .tg-table-wrap td .koubei-percent-wrap {
    float: left;
    position: relative;
    left: 50px;
    top: 20px; }
#playerTalkRank .tg-table-wrap td .koubei-percent-wrap .rate {
    background-color: #237bd0; }
#playerTalkRank .tg-table-wrap td .koubei-percent-wrap .rate i {
    display: inline-block; }

.tg-table-content .tg-date-fl {
    margin-top: 20px;
    margin-left: 25px;
    display: inline-block; }

.tg-date-fl {
    position: relative;
    margin-bottom: 20px;
    display: inline-block; }
.tg-date-fl div.tg-selected-drop, .tg-date-fl div#headerTop div.tg-date-selected-drop, div#headerTop .tg-date-fl div.tg-date-selected-drop {
    display: inline-block; }
.tg-date-fl div.tg-selected-drop p, .tg-date-fl div#headerTop div.tg-date-selected-drop p, div#headerTop .tg-date-fl div.tg-date-selected-drop p {
    width: 100px; }
.tg-date-fl div.tg-selected-drop ul, .tg-date-fl div#headerTop div.tg-date-selected-drop ul, div#headerTop .tg-date-fl div.tg-date-selected-drop ul {
    width: 100px;
    left: 33px;
    top: 40px; }
.tg-date-fl p {
    width: 200px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 10px; }

@media screen and (max-width: 1500px) {
    .hotword-rank .wrap .fl .problem-list li .koubei-percent-wrap {
        width: 40%; } }

@media screen and (max-width: 1600px) {
    .player-response .koubei-percent-wrap {
        width: 45%; }
    .hotword-rank .wrap .fl .problem-list li span {
        width: 45px; } }

@media screen and (max-width: 1150px) {
    .player-response .wrap .fl {
        min-width: 286px; }
    .hotword-rank .wrap .fl {
        min-width: 254px; }
    .hotword-rank .wrap .fl .problem-list li span {
        display: inline-block;
        width: 65px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .player-response .wrap .graph-wrap {
        margin-left: 286px; }
    .hotword-rank .wrap .graph-wrap {
        margin-left: 254px; }
    .hotword-rank .wrap .fl .problem-list li span {
        width: 45px; } }

.channel-emotion-analysis {
    height: 635px; }
.channel-emotion-analysis .wrap {
    margin: 20px;
    height: 545px;
    margin-top: 0; }
.channel-emotion-analysis .wrap .fl {
    height: 100%;
    width: 65%;
    padding: 20px;
    border: 1px solid #ccc; }
.channel-emotion-analysis .wrap .fl .graph-part {
    height: 100%; }
.channel-emotion-analysis .wrap .fr {
    width: 35%;
    height: 100%; }
.channel-emotion-analysis .wrap .fr > ul {
    height: 50%;
    border: 1px solid #ccc;
    margin-bottom: 0;
    padding: 20px;
    position: relative;
    border-left: none; }
.channel-emotion-analysis .wrap .fr > ul > li {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    background-color: #fff !important; }
.channel-emotion-analysis .wrap .fr > ul > li b {
    height: 17px;
    width: 5px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px; }
.channel-emotion-analysis .wrap .fr > ul > li span {
    font-size: 15px;
    color: #333; }
.channel-emotion-analysis .wrap .fr > ul i.tg-icon {
    position: absolute;
    width: 15px;
    height: 39px;
    background-position: -403px 0;
    left: -14px; }
.channel-emotion-analysis .wrap .fr > ul ul {
    overflow: auto;
    height: 70%; }
.channel-emotion-analysis .wrap .fr > ul ul li {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 14px 14px 0;
    color: #fff;
    border-radius: 2px;
    cursor: pointer; }
.channel-emotion-analysis .wrap .fr ul.positive-comment > li b {
    background-color: #71bc33; }
.channel-emotion-analysis .wrap .fr ul.positive-comment ul li {
    background-color: #71bc33; }
.channel-emotion-analysis .wrap .fr ul.negative-comment > li b {
    background-color: #f33f57; }
.channel-emotion-analysis .wrap .fr ul.negative-comment ul li {
    background-color: #f33f57; }

.factor-filter-part {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc; }
.factor-filter-part + .article-list .top {
    position: relative; }
.factor-filter-part + .article-list .top span {
    float: right;
    margin-right: 10px; }
.factor-filter-part + .article-list .top i.sort-icon {
    background-position: -343px -30px;
    position: absolute;
    right: 100px;
    top: 7px;
    cursor: pointer; }
.factor-filter-part + .article-list .top .left-list .tg-page-list .fl {
    position: relative;
    top: 25px; }
.factor-filter-part > div > span {
    width: 36px;
    float: left;
    position: relative;
    top: 4px; }
.factor-filter-part > div ul {
    width: 100%;
    margin-left: 60px;
    position: relative;
    margin-bottom: 10px;
    padding-right: 30px; }
.factor-filter-part > div ul li {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 3px 10px;
    border-radius: 10px;
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: 10px; }
.factor-filter-part > div ul li.selected {
    background-color: #1d64c5;
    color: #fff; }
.factor-filter-part div.date ul li:first-child {
    border: none;
    padding: 0; }
.factor-filter-part div.date ul li .tg-date-fl {
    position: relative;
    top: 2px;
    margin-bottom: 0;
    display: inline-block;
    margin-right: 15px; }
.factor-filter-part div.date ul li .tg-date-fl p {
    margin-left: 0; }
.factor-filter-part div.keyword ul li {
    border: none;
    padding: 0; }
.factor-filter-part div.keyword ul li input {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 300px;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    outline: none; }

#allComment {
    height: auto; }
#allComment ul.detail-right {
    margin-left: 15px;
    margin-top: 20px; }
#allComment ul.detail-right .scroll-wrap {
    height: auto; }
#allComment ul.detail-right .scroll-wrap li div {
    position: relative; }
#allComment ul.detail-right .scroll-wrap li div img {
    height: 35px;
    position: relative;
    top: 6px;
    float: left;
    margin-right: 10px; }
#allComment ul.detail-right .scroll-wrap li div p {
    border-top: 1px solid #ccc;
    padding-top: 10px; }
#allComment ul.detail-right .scroll-wrap li div .star-level {
    margin-left: 50px; }
#allComment ul.detail-right .scroll-wrap li div .star-level i {
    width: 14px;
    height: 14px; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.gray-top-search {
    background: transparent;
    height: 90px;
    margin-top: 9px; }
.gray-top-search .search-wrap input {
    margin-top: 7px !important;
    width: 88% !important; }
.gray-top-search .search-wrap i.tg-search-btn {
    top: 12px;
    margin-right: 3px;
    right: 12%; }
.gray-top-search .search-wrap span {
    position: relative;
    top: 10px;
    display: inline-block;
    cursor: pointer;
    float: right;
    border-radius: 4px;
    width: 10%;
    padding: 0 10px; }

.key-player {
    margin: 0 auto;
    margin-bottom: 60px; }
.key-player .no-title > h3 {
    position: absolute; }
.key-player .blockpart .add-new-keyplayer {
    background: #ebeaec; }
.key-player .blockpart .add-new-keyplayer .des {
    position: relative;
    top: 50%;
    margin-top: -85px; }
.key-player .blockpart .add-new-keyplayer .des h3 {
    color: #333;
    font-size: 17px;
    margin-bottom: 12px;
    font-weight: bold; }
.key-player .blockpart .add-new-keyplayer .des p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 20px; }
.key-player .blockpart .boxshadow {
    height: 475px;
    position: relative;
    top: 55px;
    margin-bottom: 20px; }
.key-player .blockpart .boxshadow .title {
    position: relative;
    background: #ebeaec;
    height: 130px;
    margin: -15px;
    margin-top: -20px;
    padding: 20px; }
.key-player .blockpart .boxshadow .title img {
    position: absolute;
    width: 90px;
    height: 90px; }
.key-player .blockpart .boxshadow .title .des {
    margin-left: 120px; }
.key-player .blockpart .boxshadow .title .des span {
    color: #8b8b8b;
    font-size: 15px; }
.key-player .blockpart .boxshadow .title .des h3 {
    font-size: 30px;
    color: #505050;
    font-weight: bold;
    margin: 0;
    margin-top: 10px; }
.key-player .blockpart .boxshadow .title .des p {
    color: #8b8b8b;
    font-size: 12px; }
.key-player .blockpart .boxshadow ul {
    overflow: auto;
    position: relative;
    top: 15px;
    height: 330px;
    margin: 0 -15px; }
.key-player .blockpart .boxshadow ul li {
    height: 110px;
    border-bottom: 1px solid #ccc;
    padding: 30px 20px; }
.key-player .blockpart .boxshadow ul li:nth-child(even) {
    background-color: #f5f4f5; }
.key-player .blockpart .boxshadow ul li span {
    font-size: 14px;
    color: #404040; }
.key-player .blockpart .boxshadow ul li span .text-blue {
    color: #237bd0; }
.key-player .blockpart .boxshadow ul li b {
    font-size: 14px; }
.key-player .blockpart .boxshadow ul li a {
    float: right;
    color: #237bd0;
    text-decoration: none; }
.key-player .blockpart .boxshadow ul li .rate-wrap {
    position: relative;
    background: #ebeaec;
    height: 11px;
    border: 1px solid #d0d0d1;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 20px; }
.key-player .blockpart .boxshadow ul li .rate-wrap .rate-percent {
    position: absolute;
    top: 0;
    height: 100%;
    width: 80%;
    border-radius: 5px; }
.key-player .blockpart .boxshadow ul li:first-child {
    padding-top: 45px; }
.key-player .blockpart .boxshadow ul li:last-child {
    border-bottom: none; }
.key-player .blockpart .boxshadow ul li:hover {
    background: #dbf5fc; }

.halfscreen-post {
    margin: 0 auto;
    border-top: 1px solid #ccc; }
.halfscreen-post .blockpart a {
    display: block;
    height: 280px; }

@media screen and (max-width: 1655px) {
    .gray-top-search .search-wrap {
        width: 80%; }
    .gray-top-search .search-wrap span {
        width: 11%;
        padding: 0 5px; }
    .key-player .blockpart {
        width: 50%; } }

@media screen and (max-width: 1310px) {
    .gray-top-search .search-wrap {
        width: 85%; }
    .gray-top-search .search-wrap span {
        padding: 0 3px; } }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.auto-search-pop {
    z-index: 10;
    padding: 0;
    display: none;
    margin: 0 20px; }
.auto-search-pop .btn-union li {
    margin-bottom: 0 !important;
    padding: 10px 0; }
.auto-search-pop .wrap {
    background: #eaebec;
    border-bottom: 1px solid #ccc; }
.auto-search-pop .wrap .side-tab-change {
    float: left;
    width: 140px;
    background: #eaebec;
    position: relative; }
.auto-search-pop .wrap .side-tab-change > span {
    font-size: 14px;
    color: #333;
    display: block;
    position: relative;
    top: 25px;
    left: 20px; }
.auto-search-pop .wrap .side-tab-change > span i {
    right: -12px;
    top: 3px;
    cursor: pointer; }
.auto-search-pop .wrap .select-factor {
    margin-left: 160px;
    padding-left: 20px;
    background: #fff;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 0; }
.auto-search-pop .wrap .select-factor > li {
    float: left;
    margin-right: 20px;
    margin-bottom: 15px; }
.auto-search-pop .wrap .select-factor > li > a {
    display: inline-block;
    cursor: pointer; }
.auto-search-pop .wrap .select-factor > li > div {
    display: inline-block; }
.auto-search-pop .wrap .select-factor > li > div input {
    margin: 0 5px; }
.auto-search-pop .wrap .select-factor > li .tg-selected-drop {
    margin: 0 5px; }
.auto-search-pop .wrap .select-factor > li .tg-selected-drop > ul {
    width: 131px; }
.auto-search-pop .wrap .select-factor > li .tg-selected-drop > ul li a {
    display: block; }
.auto-search-pop .wrap .select-factor > li .tg-selected-drop span {
    padding-right: 30px; }

.tg-top-word-tab {
    margin-bottom: 25px; }
.tg-top-word-tab b {
    font-size: 14px;
    margin-right: 18px;
    color: #333; }
.tg-top-word-tab span {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 7px 14px;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    margin: 0 4px;
    margin-bottom: 10px; }
.tg-top-word-tab span:hover {
    background: #237bd0;
    color: #fff; }
.tg-top-word-tab span.selected {
    background: #237bd0;
    color: #fff; }

.right-triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6.5px solid transparent;
    border-bottom: 6.5px solid transparent;
    border-left: 6.5px solid #ccc; }

.left-triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6.5px solid transparent;
    border-bottom: 6.5px solid transparent;
    border-right: 6.5px solid #ccc; }

.top-triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6.5px solid transparent;
    border-right: 6.5px solid transparent;
    border-bottom: 6.5px solid #ccc; }

.bottom-triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6.5px solid transparent;
    border-right: 6.5px solid transparent;
    border-top: 6.5px solid #ccc; }

.tg-header-slider {
    position: relative;
    height: 65px;
    background: #ebeaec;
    margin: 0 -20px;
    margin-top: 5px; }
.tg-header-slider .control {
    position: absolute;
    top: 8px; }
.tg-header-slider .control i {
    position: relative;
    top: 8px;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer; }
.tg-header-slider .control i .left-triangle {
    margin-top: 8px;
    margin-left: 9px; }
.tg-header-slider .control i .right-triangle {
    margin-top: 8px;
    margin-left: 12px; }
.tg-header-slider .control > span {
    font-size: 14px;
    color: #3e3e3e; }
.tg-header-slider .control > span b {
    color: #237bd0; }
.tg-header-slider .slider-next {
    position: absolute;
    right: 20px; }
.tg-header-slider .slider-pre {
    position: absolute;
    left: 20px; }
.tg-header-slider .slider-content {
    overflow: hidden;
    margin-right: 210px;
    margin-left: 200px;
    padding-top: 13px; }
.tg-header-slider .slider-content .slider-wrap ul {
    float: left; }
.tg-header-slider .slider-content .slider-wrap ul li {
    float: left;
    padding: 7px 8px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    color: #383838;
    border-radius: 5px;
    margin: 0 5px; }
.tg-header-slider .slider-content .slider-wrap ul li b {
    color: #237bd0;
    font-weight: normal;
    font-size: 14px; }

.tg-table-layout .tg-top-word-tab {
    padding: 20px;
    padding-bottom: 0; }

.target-player-feature {
    height: 555px; }
.target-player-feature .wrap {
    overflow: hidden;
    border: 1px solid #ccc;
    margin: -20px  -15px; }
.target-player-feature .wrap .graph-wrap {
    position: relative;
    margin-left: 120px;
    border-left: 1px solid #ccc;
    height: 555px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    padding: 20px; }
.target-player-feature .wrap .graph-wrap .graph-part {
    width: 100%;
    height: 100%;
    background: #ccc; }
.target-player-feature .wrap .fl {
    height: 555px;
    background: #ebeaec; }
.target-player-feature .wrap .fl .vertical-tab-change {
    width: 120px;
    background: #fff; }
.target-player-feature .wrap .fl .vertical-tab-change li {
    position: relative;
    height: 112px;
    border-bottom: 1px solid #ccc;
    cursor: pointer; }
.target-player-feature .wrap .fl .vertical-tab-change li:hover {
    background: #237bd0; }
.target-player-feature .wrap .fl .vertical-tab-change li:hover p {
    color: #fff; }
.target-player-feature .wrap .fl .vertical-tab-change li:hover i.tg-icon {
    background-position-y: -348px; }
.target-player-feature .wrap .fl .vertical-tab-change li p {
    text-align: center;
    font-size: 14px;
    color: #333;
    padding-top: 40px; }
.target-player-feature .wrap .fl .vertical-tab-change li .tg-icon {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    top: 35px; }
.target-player-feature .wrap .fl .vertical-tab-change li .triangle-shadow {
    position: absolute;
    top: 11px;
    z-index: 2;
    width: 15px;
    height: 39px;
    background-position: -403px 0;
    margin-left: 47px; }
.target-player-feature .wrap .fl .vertical-tab-change li.selected {
    background: #237bd0; }
.target-player-feature .wrap .fl .vertical-tab-change li.selected p {
    color: #fff; }
.target-player-feature .wrap .fl .vertical-tab-change li.selected i.tg-icon {
    background-position-y: -348px; }

@media screen and (max-width: 1655px) {
    .gray-top-search .search-wrap {
        width: 80%; }
    .gray-top-search .search-wrap span {
        width: 11%;
        padding: 0 5px; }
    .key-player .blockpart {
        width: 50%; } }

@media screen and (max-width: 1310px) {
    .gray-top-search .search-wrap {
        width: 85%; }
    .gray-top-search .search-wrap span {
        padding: 0 3px; } }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.player-multi-tags {
    min-height: 320px; }
.player-multi-tags .tg-list {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    margin-bottom: 20px; }
.player-multi-tags .tg-list h4 {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    text-align: center; }
.player-multi-tags .tg-list > img {
    height: 30px;
    width: 80%;
    margin-bottom: 10px;
    position: relative;
    left: 50%;
    margin-left: -40%; }
.player-multi-tags .tg-list .line {
    width: 100%;
    height: 2px;
    position: absolute;
    margin-top: -60px; }
.player-multi-tags .tg-list .column-list {
    margin: 0 5px; }
.player-multi-tags .tg-list .column-list li {
    display: inline-block;
    margin: 0 15px;
    position: relative;
    min-width: 55px; }
.player-multi-tags .tg-list .column-list li:hover .rate-wrap + .tip-box-show {
    display: block; }
.player-multi-tags .tg-list .column-list li .des {
    margin: 0 auto;
    text-align: center; }
.player-multi-tags .tg-list .column-list li .des p {
    text-align: center;
    font-size: 14px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 0; }
.player-multi-tags .tg-list .column-list li .des b {
    font-size: 18px; }
.player-multi-tags .tg-list .column-list li .rate-wrap {
    background: #eaebec;
    border: 1px solid #ccc;
    width: 16px;
    height: 182px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -8px;
    cursor: pointer; }
.player-multi-tags .tg-list .column-list li .rate-wrap .percent-part {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 15px; }
.player-multi-tags .tg-list .column-list li .rate-wrap .percent-part img {
    width: 27px;
    height: 27px;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-top: -10px;
    background: #fff; }

.all-player-tags {
    min-height: 450px;
    margin: 0 auto;
    padding: 0; }
.all-player-tags > h3 {
    position: relative;
    font-size: 16px;
    margin-bottom: 18px;
    color: #19222f;
    font-weight: bold;
    margin-left: 15px; }
.all-player-tags .no-title > h3 {
    position: absolute; }
.all-player-tags .no-title .boxshadow {
    height: 445px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden; }
.all-player-tags .no-title .boxshadow .graph-part {
    height: 275px !important; }
.all-player-tags .no-title .boxshadow a {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: 20px;
    cursor: pointer; }
.all-player-tags .no-title .boxshadow .top-des {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 32px; }
.all-player-tags .no-title .boxshadow .top-des p {
    font-size: 14px;
    text-align: center; }
.all-player-tags .no-title .boxshadow .top-des b {
    font-size: 18px; }

.blue1 {
    background: #0077e3;
    height: 20%; }

.blue2 {
    background: #009bdf;
    height: 40%; }

.blue3 {
    background: #00b2ff;
    height: 60%; }

.blue4 {
    background: #51c6f9; }

.green1 {
    background: #00d14f;
    height: 50%; }

.green2 {
    background: #00cf6b;
    height: 20%; }

.green3 {
    background: #00f28a;
    height: 40%; }

.green4 {
    background: #5defb0; }

.purple1 {
    background: #5d2f61;
    height: 50%; }

.purple2 {
    background: #87448d;
    height: 20%; }

.purple3 {
    background: #d36bdc;
    height: 40%; }

.purple4 {
    background: #de96e4; }

.yellow1 {
    background: #f7bc2d;
    height: 50%; }

.yellow2 {
    background: #ffd13e;
    height: 20%; }

.yellow3 {
    background: #ffe143;
    height: 40%; }

.yellow4 {
    background: #f3e496; }

.red1 {
    background: #ff3a2e;
    height: 50%; }

.red2 {
    background: #ff4b3a;
    height: 20%; }

.red3 {
    background: #fb7068; }

.red4 {
    background: #f98b85; }

.blue1-text {
    color: #0077e3; }

.blue2-text {
    color: #009bdf; }

.blue3-text {
    color: #00b2ff; }

.blue4-text {
    color: #51c6f9; }

.green1-text {
    color: #00d14f; }

.green2-text {
    color: #00d14f; }

.green3-text {
    color: #00f28a; }

.green4-text {
    color: #5defb0; }

.purple1-text {
    color: #5d2f61; }

.purple2-text {
    color: #87448d; }

.purple3-text {
    color: #d36bdc; }

.purple4-text {
    color: #de96e4; }

.yellow1-text {
    color: #f7bc2d; }

.yellow2-text {
    color: #ffd13e; }

.yellow3-text {
    color: #ffe143; }

.yellow4-text {
    color: #f3e496; }

.red1-text {
    color: #ff3a2e; }

.red2-text {
    color: #ff4b3a; }

.red3-text {
    color: #fb7068; }

.red4-text {
    color: #f98b85; }

.border-blue {
    color: #3399dc;
    border-top: 2px solid #3399dc; }
.border-blue .top-des b {
    color: #3399dc; }

.border-green {
    color: #2dcd70;
    border-top: 2px solid #2dcd70; }
.border-green .top-des b {
    color: #2dcd70; }

.border-purple {
    color: #774689;
    border-top: 2px solid #774689; }
.border-purple .top-des b {
    color: #774689; }

.border-yellow {
    color: #f3d049;
    border-top: 2px solid #f3d049; }
.border-yellow .top-des b {
    color: #f3d049; }

.border-blue1 {
    color: #2d55ce;
    border-top: 2px solid #2d55ce; }
.border-blue1 .top-des b {
    color: #2d55ce; }

.border-red {
    color: #e44d3c;
    border-top: 2px solid #e44d3c; }
.border-red .top-des b {
    color: #e44d3c; }

.border-green1 {
    color: #0f735e;
    border-top: 2px solid #0f735e; }
.border-green1 .top-des b {
    color: #0f735e; }

.border-purple1 {
    color: #431f5e;
    border-top: 2px solid; }
.border-purple1 .top-des b {
    color: #431f5e; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
/***************************顶部仿浏览器标签页*/
.top-scale-menu {
    position: fixed;
    z-index: 4001;
    height: 70px;
    top: 0px;
    left: 237px;
    right: 0;
    margin-bottom: 54px;
    background: #11171f;
    padding: 0; }
.top-scale-menu > div {
    float: left;
    height: 70px;
    line-height: 70px; }
.top-scale-menu .tg-top-search {
    position: relative;
    top: 15px;
    right: 20px;
    float: right;
    width: 200px;
    background: transparent;
    height: 38px; }
.top-scale-menu .tg-top-search .search-wrap {
    width: 100%; }
.top-scale-menu .tg-top-search .search-wrap input {
    margin-top: 0; }
.top-scale-menu .tg-top-search .search-wrap i {
    top: 15px; }
.top-scale-menu .title {
    position: absolute;
    width: 140px;
    cursor: pointer;
    z-index: 20;
    background: url(../../img/arrow-tab.png) no-repeat; }
.top-scale-menu .title i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    position: relative;
    top: 3px; }
.top-scale-menu .title span {
    font-size: 14px;
    margin-left: 14px;
    font-weight: bold;
    color: #fff; }
.top-scale-menu .title b {
    width: 42px;
    position: absolute;
    border-bottom: 1px solid #666;
    margin-left: -6px; }
.top-scale-menu .title b.line-a {
    transform: rotate(58deg);
    top: 18px; }
.top-scale-menu .title b.line-b {
    transform: rotate(-58deg);
    top: 51px; }
.top-scale-menu .tags {
    margin-right: 400px;
    margin-left: 140px; }
.top-scale-menu .tags ul {
    overflow: hidden; }
.top-scale-menu .tags ul li {
    float: left;
    width: 5%;
    overflow: hidden;
    white-space: nowrap; }
.top-scale-menu .tags ul li span {
    font-size: 14px;
    color: #333; }
.top-scale-menu .tags ul li img {
    position: relative;
    top: 2px;
    width: 30px;
    height: 30px; }
.top-scale-menu .tags ul li.selected {
    background-color: #237bd0;
    width: 250px; }
.top-scale-menu .tags ul li.selected span {
    color: #fff; }

#chrome-tabs-demo {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    right: 0;
    left: 118px;
    overflow: hidden; }

.chrome-tabs > li.active > a,
.chrome-tabs > li.active > a:hover,
.chrome-tabs > li.active > a:focus,
.chrome-tabs > li > a:hover,
.chrome-tabs > li > a:focus,
.chrome-tabs > li > a {
    border: none;
    background: transparent; }

.chrome-tabs {
    position: relative;
    height: 70px;
    border-bottom: none; }
.chrome-tabs li {
    height: 70px;
    line-height: 70px;
    cursor: pointer;
    overflow: hidden;
    max-width: 180px; }
.chrome-tabs li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 70px;
    border-right: 1px solid #666; }
.chrome-tabs li img {
    position: relative;
    top: 20px;
    width: 30px;
    height: 30px;
    float: left;
    left: 10px; }
.chrome-tabs li a {
    display: block;
    line-height: 70px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    left: 20px;
    color: #fff; }
.chrome-tabs li b {
    font-weight: normal;
    position: absolute;
    right: 10px;
    top: -22px; }
.chrome-tabs li:hover {
    background: #237bd0; }
.chrome-tabs li:hover a {
    color: #fff; }
.chrome-tabs li:hover b {
    color: #fff; }
.chrome-tabs li:first-child img {
    margin-left: 20px; }
.chrome-tabs li.active {
    background: #237bd0;
    width: 205px !important; }
.chrome-tabs li.active a {
    color: #fff; }
.chrome-tabs li.active a:hover {
    color: #fff; }
.chrome-tabs li.active b {
    color: #fff; }

.chrome-tabs > li > a {
    padding-left: 0; }

.chrome-tabs > li.add {
    z-index: 1100;
    position: absolute;
    right: 0;
    background: #333; }

.chrome-tabs > li.add:before {
    content: none; }

/*********************************************游戏简介*/
.game-summary-2 .bottom {
    margin-top: 20px; }
.game-summary-2 .bottom h4 {
    font-size: 14px;
    padding-bottom: 18px;
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
    margin-bottom: 20px; }
.game-summary-2 .bottom p {
    font-size: 12px;
    line-height: 25px;
    padding-left: 20px;
    height: 150px;
    overflow: hidden; }

.game-summary-2 .top {
    position: relative; }
.game-summary-2 .top button {
    position: absolute;
    left: 0px;
    top: 96px;
    width: 80px; }
.game-summary-2 .top img {
    position: absolute;
    width: 76px;
    height: 76px; }
.game-summary-2 .top .des {
    margin-left: 95px;
    margin-bottom: 55px; }
.game-summary-2 .top .des h3 {
    font-size: 17px;
    font-weight: bold;
    padding-top: 10px; }
.game-summary-2 .top .des ul {
    overflow: hidden;
    margin-bottom: 10px; }
.game-summary-2 .top .des ul li {
    float: left;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0px 9px;
    margin-right: 5px;
    height: 19px;
    line-height: 18px;
    cursor: pointer; }
.game-summary-2 .top .des > p {
    font-size: 14px;
    margin-top: 20px;
    color: #333;
    position: absolute;
    right: 0;
    top: -20px;
    text-align: center; }
.game-summary-2 .top .des > p span {
    display: block;
    font-size: 15px;
    margin-top: 10px; }
.game-summary-2 .top .des > p span b {
    color: #237bd0;
    font-size: 18px;
    margin: 0 5px; }
.game-summary-2 .top .des > span {
    font-size: 14px;
    float: left;
    max-width: 175px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 20px;
    color: #777; }

.game-level-2, .game-yuqing-graph-2, .game-summary-2 {
    height: 411px; }

.game-level-2 a {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: 40px; }

.game-level-2 .graph-part {
    height: 84%; }

.game-yuqing-graph-2 .graph-part {
    width: 100%;
    height: 100%; }

/******************************************论坛反馈*/
.luntan-back-2 {
    height: 610px;
    overflow: hidden; }
.luntan-back-2 > div {
    float: left; }
.luntan-back-2 .right {
    width: 40%; }
.luntan-back-2 .right > div {
    width: 100%; }
.luntan-back-2 .right > div h3 {
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px; }
.luntan-back-2 .right .t {
    padding: 10px; }
.luntan-back-2 .right .t .graph-part {
    height: 225px; }
.luntan-back-2 .right .b {
    padding: 0 10px 10px 10px; }
.luntan-back-2 .right .b .circle-union {
    position: relative;
    width: 470px;
    margin: 0 auto;
    margin-top: 60px; }
.luntan-back-2 .right .b .circle-union li {
    float: left;
    border-radius: 100%;
    margin: 0 -2%;
    position: absolute;
    cursor: pointer; }
.luntan-back-2 .right .b .circle-union li * {
    color: #fff;
    text-align: center; }
.luntan-back-2 .right .b .circle-union li b {
    display: block;
    font-size: 15px;
    font-weight: normal;
    margin-top: 25%; }
.luntan-back-2 .right .b .circle-union li.position-6,
.luntan-back-2 .right .b .circle-union li.position-7 {
    width: 10%;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 25px; }
.luntan-back-2 .right .b .circle-union li.position-4,
.luntan-back-2 .right .b .circle-union li.position-5 {
    width: 15%;
    width: 80px;
    height: 80px; }
.luntan-back-2 .right .b .circle-union li.position-2,
.luntan-back-2 .right .b .circle-union li.position-3 {
    width: 20%;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 10px; }
.luntan-back-2 .right .b .circle-union li.position-1 {
    width: 24%;
    width: 110px;
    height: 110px;
    position: absolute; }
.luntan-back-2 .right .b .circle-union .position-1 {
    left: 50%;
    margin-left: -55px; }
.luntan-back-2 .right .b .circle-union .position-2 {
    left: 50%;
    margin-left: 35px; }
.luntan-back-2 .right .b .circle-union .position-3 {
    left: 50%;
    margin-left: -135px; }
.luntan-back-2 .right .b .circle-union .position-4 {
    left: 50%;
    margin-left: -200px; }
.luntan-back-2 .right .b .circle-union .position-5 {
    left: 50%;
    margin-left: 120px; }
.luntan-back-2 .right .b .circle-union .position-6 {
    left: 50%;
    margin-left: 190px; }
.luntan-back-2 .right .b .circle-union .position-7 {
    left: 50%;
    margin-left: -250px; }
.luntan-back-2 .right .b .positive-circle-union li {
    background: rgba(111, 191, 42, 0.6); }
.luntan-back-2 .right .b .common-circle-union li {
    background: rgba(50, 151, 219, 0.6); }
.luntan-back-2 .right .b .negtive-circle-union li {
    background: rgba(242, 60, 83, 0.6); }
.luntan-back-2 .mid {
    margin-top: 8px;
    width: 30%;
    height: 100%; }
.luntan-back-2 .mid .tab-change li {
    float: left;
    font-size: 13px;
    background-color: #f8f8f8;
    border-top-left-radius: 5px;
    border-top-right-radius: 22px;
    height: 28px;
    line-height: 30px;
    padding: 0 20px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer; }
.luntan-back-2 .mid .tab-change .red-bg {
    background: #e24654;
    color: #fff; }
.luntan-back-2 .mid .tab-content {
    background: #f8f8f8;
    margin-top: 28px;
    position: relative;
    z-index: 1;
    height: 100%;
    margin-bottom: 0; }
.luntan-back-2 .mid .tab-content .change-btn {
    overflow: hidden;
    margin-bottom: 10px; }
.luntan-back-2 .mid .tab-content .change-btn > div {
    height: 25px;
    float: right;
    margin-left: 10px; }
.luntan-back-2 .mid .tab-content .change-btn > span {
    float: right;
    position: relative;
    top: 5px; }
.luntan-back-2 .mid .tab-content li {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    cursor: pointer; }
.luntan-back-2 .mid .tab-content li b {
    font-size: 12px;
    margin-left: 15px;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left; }
.luntan-back-2 .mid .tab-content li i {
    float: left; }
.luntan-back-2 .mid .tab-content li .rate-wrap {
    background: #ebebed;
    height: 15px;
    margin-left: 95px;
    position: relative;
    top: 18px; }
.luntan-back-2 .mid .tab-content li .rate-wrap .rate {
    background: linear-gradient(to right, #b53045, #f23c53);
    height: 15px;
    width: 50%; }
.luntan-back-2 .mid .tab-content li .rate-wrap .common-rate {
    height: 15px;
    width: 70%;
    background: linear-gradient(to right, #3297db, #1b5dc4); }
.luntan-back-2 .mid .tab-content li .rate-wrap .positive-rate {
    height: 15px;
    width: 70%;
    background: linear-gradient(to right, #6fbf2a, #5da02c); }
.luntan-back-2 .mid .tab-content li .rate-wrap .negtive-rate {
    height: 15px;
    width: 70%;
    background: linear-gradient(to right, #f23c53, #b53045); }
.luntan-back-2 .mid .tab-content li:hover {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    margin: 0 -17px;
    padding: 0 17px;
    background: #fff; }
.luntan-back-2 .mid .tab-content li:hover * {
    color: #e24654; }
.luntan-back-2 .mid .tab-content li.selected {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    background: #fff;
    margin: 0 -17px;
    padding: 0 17px; }
.luntan-back-2 .mid .tab-content li.selected * {
    color: #e24654; }
.luntan-back-2 .positive-content .tab-change .red-bg {
    background: #6fbf2a; }
.luntan-back-2 .positive-content .tab-content li.selected * {
    color: #6fbf2a; }
.luntan-back-2 .positive-content .tab-content li:hover * {
    color: #6fbf2a; }
.luntan-back-2 .negtive-content .tab-change .red-bg {
    background: #f23c53; }
.luntan-back-2 .negtive-content .tab-content li.selected * {
    color: #f23c53; }
.luntan-back-2 .negtive-content .tab-content li:hover * {
    color: #f23c53; }
.luntan-back-2 .common-content .tab-change .red-bg {
    background: #3297db; }
.luntan-back-2 .common-content .tab-content li.selected * {
    color: #3297db; }
.luntan-back-2 .common-content .tab-content li:hover * {
    color: #3297db; }
.luntan-back-2 .left {
    width: 30%; }
.luntan-back-2 .left h5 {
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px; }
.luntan-back-2 .left > .graph-part {
    width: 100%;
    height: 240px;
    margin-bottom: 20px; }
.luntan-back-2 .left .post-num-wrap {
    width: 100%;
    height: 250px; }
.luntan-back-2 .left .post-num-wrap .graph-part {
    position: relative;
    float: left;
    width: 50%;
    height: 100%; }
.luntan-back-2 .left .post-num-wrap .graph-part .circle-wrap {
    position: absolute;
    height: 6px;
    width: 140px;
    background: #128afb; }
.luntan-back-2 .left .post-num-wrap .graph-part .circle-wrap span {
    float: left;
    height: 100%; }
.luntan-back-2 .left .post-num-wrap .graph-part .circle-wrap span.circle-positive {
    width: 20%;
    background: #63b129; }
.luntan-back-2 .left .post-num-wrap .graph-part .circle-wrap span.circle-negtive {
    width: 60%;
    background: #ee2545; }
.luntan-back-2 .left .post-num-wrap ul {
    float: left;
    overflow: hidden;
    border-left: 1px solid #ccc;
    width: 50%; }
.luntan-back-2 .left .post-num-wrap ul li {
    height: 80px;
    width: 100%;
    cursor: pointer; }
.luntan-back-2 .left .post-num-wrap ul li div {
    position: relative;
    left: 50%;
    width: 160px;
    margin-left: -60px; }
.luntan-back-2 .left .post-num-wrap ul li div b {
    font-size: 19px;
    margin-top: 15px;
    display: inline-block; }
.luntan-back-2 .left .post-num-wrap ul li div span {
    font-size: 12px; }
.luntan-back-2 .left .post-num-wrap ul li p {
    font-size: 14px;
    text-align: center;
    margin-top: 5px; }
.luntan-back-2 .left .post-num-wrap ul li:hover {
    background: #e5f2fa; }
.luntan-back-2 .left .post-num-wrap ul li.selected {
    background: #e5f2fa; }

@media screen and (max-width: 1280px) {
    .luntan-back-2 .mid {
        width: 280px; }
    .luntan-back-2 .right {
        width: 40%; } }

@media screen and (max-width: 1530px) {
    .luntan-back-2 .right .b .circle-union {
        width: 395px;
        margin: 0 auto;
        margin-top: 70px; }
    .luntan-back-2 .right .b .circle-union li.position-6,
    .luntan-back-2 .right .b .circle-union li.position-7 {
        width: 45px;
        height: 45px; }
    .luntan-back-2 .right .b .circle-union li.position-4,
    .luntan-back-2 .right .b .circle-union li.position-5 {
        width: 65px;
        height: 65px; }
    .luntan-back-2 .right .b .circle-union li.position-2,
    .luntan-back-2 .right .b .circle-union li.position-3 {
        width: 80px;
        height: 80px; }
    .luntan-back-2 .right .b .circle-union li.position-1 {
        width: 90px;
        height: 90px; }
    .luntan-back-2 .right .b .circle-union .position-1 {
        left: 50%;
        margin-left: -50px; }
    .luntan-back-2 .right .b .circle-union .position-2 {
        left: 50%;
        margin-left: 30px; }
    .luntan-back-2 .right .b .circle-union .position-3 {
        left: 50%;
        margin-left: -125px; }
    .luntan-back-2 .right .b .circle-union .position-4 {
        left: 50%;
        margin-left: -180px; }
    .luntan-back-2 .right .b .circle-union .position-5 {
        left: 50%;
        margin-left: 100px; }
    .luntan-back-2 .right .b .circle-union .position-6 {
        left: 50%;
        margin-left: 160px; }
    .luntan-back-2 .right .b .circle-union .position-7 {
        left: 50%;
        margin-left: -210px; } }

/*******************************************论坛热词解读*/
.luntan-hotword-2 {
    height: 530px;
    padding: 0; }
.luntan-hotword-2 > div {
    float: left; }
.luntan-hotword-2 .left {
    width: 25%;
    background-color: #f8f8f8; }
.luntan-hotword-2 .left ul {
    height: 530px;
    margin-bottom: 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
.luntan-hotword-2 .left ul li {
    position: relative;
    height: 53px;
    padding: 12px 20px 0 20px;
    cursor: pointer; }
.luntan-hotword-2 .left ul li b {
    display: inline-block;
    font-size: 12px;
    color: #ee7e3c;
    font-weight: normal;
    margin-right: 10px;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.luntan-hotword-2 .left ul li span {
    position: relative;
    top: -4px;
    font-size: 14px; }
.luntan-hotword-2 .left ul li .rate-wrap {
    position: absolute;
    right: 20px;
    left: 20px;
    bottom: 12px;
    height: 12px;
    background-color: #eaeaec; }
.luntan-hotword-2 .left ul li .rate-wrap .rate {
    height: 12px;
    width: 70%;
    background: linear-gradient(to right, #df793b, #c95b5c); }
.luntan-hotword-2 .left ul li:hover {
    position: relative;
    z-index: 2;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    background: #fff; }
.luntan-hotword-2 .left ul li.selected {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    background: #fff; }
.luntan-hotword-2 .right {
    width: 75%;
    padding: 20px 15px;
    padding-left: 0;
    padding-bottom: 0; }
.luntan-hotword-2 .right .graph-part {
    margin: 5px 0 20px 20px;
    height: 412px; }
.luntan-hotword-2 .right .top-slider {
    position: relative;
    width: 100%;
    height: 80px;
    padding: 0 20px; }
.luntan-hotword-2 .right .top-slider .wrap {
    margin-left: 25px;
    margin-right: 5px;
    overflow: hidden; }
.luntan-hotword-2 .right .top-slider .wrap ul {
    width: 20000px; }
.luntan-hotword-2 .right .top-slider .wrap ul li {
    float: left;
    height: 80px;
    text-align: center;
    width: 110px;
    cursor: pointer;
    background-color: #f99258; }
.luntan-hotword-2 .right .top-slider .wrap ul li p {
    color: #fff;
    font-size: 14px;
    padding-top: 18px; }
.luntan-hotword-2 .right .top-slider .wrap ul li span {
    color: #fff; }
.luntan-hotword-2 .right .top-slider .wrap ul li span i {
    color: #fff; }
.luntan-hotword-2 .right .top-slider .wrap ul .bg1 {
    background-color: #c75b5b; }
.luntan-hotword-2 .right .top-slider .wrap ul .bg2 {
    background-color: #da645a; }
.luntan-hotword-2 .right .top-slider .wrap ul .bg3 {
    background-color: #d96967; }
.luntan-hotword-2 .right .top-slider .wrap ul .bg4 {
    background-color: #df6b5c; }
.luntan-hotword-2 .right .top-slider .wrap ul .bg5 {
    background-color: #dc6e55; }
.luntan-hotword-2 .right .top-slider .wrap ul .bg6 {
    background-color: #e17551; }
.luntan-hotword-2 .right .top-slider .wrap ul .bg7 {
    background-color: #f17957; }
.luntan-hotword-2 .right .top-slider .wrap ul .bg8 {
    background-color: #eb824b; }
.luntan-hotword-2 .right .top-slider .wrap ul .bg9 {
    background-color: #fb7c5b; }
.luntan-hotword-2 .right .top-slider .wrap ul .bg10 {
    background-color: #f99258; }
.luntan-hotword-2 .right .top-slider .wrap ul li.selected {
    background-color: #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    height: 85px;
    position: relative;
    z-index: 3; }
.luntan-hotword-2 .right .top-slider .wrap ul li.selected * {
    color: #333; }
.luntan-hotword-2 .right .top-slider .control {
    position: absolute;
    width: 16px;
    height: 80px;
    background: #ebebed;
    cursor: pointer; }
.luntan-hotword-2 .right .top-slider .control i {
    display: block;
    width: 0;
    height: 0;
    position: relative;
    top: 50%;
    margin-top: -8px; }
.luntan-hotword-2 .right .top-slider .prev-icon i {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ccc;
    left: 2px; }
.luntan-hotword-2 .right .top-slider .next-icon {
    right: 0px;
    top: 0px; }
.luntan-hotword-2 .right .top-slider .next-icon i {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ccc;
    left: 4px; }
.luntan-hotword-2 .right .top-slider-center .wrap .tab-click-change li p {
    margin-top: 12px; }

/**********************************************论坛话题排行榜*/
.rank-list-2 {
    overflow: hidden;
    padding: 0;
    min-height: 400px; }
.rank-list-2 > ul {
    float: left;
    margin-bottom: 0; }
.rank-list-2 .left {
    width: 50%; }
.rank-list-2 .left > li {
    height: 80px; }
.rank-list-2 .left > li > div {
    float: left;
    height: 80px;
    width: 50%; }
.rank-list-2 .left > li > div .num {
    color: #fff;
    font-size: 18px;
    background: #de6f53;
    float: left;
    width: 10%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-style: italic; }
.rank-list-2 .left > li > div .rate-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(left, #df793b, #c95b5c);
    background: -moz-linear-gradient(left, #df793b, #c95b5c);
    background: -o-linear-gradient(left, #df793b, #c95b5c);
    background: linear-gradient(to right, #df793b, #c95b5c); }
.rank-list-2 .left > li > div .rate-wrap .rate-content {
    position: absolute;
    top: 0px;
    left: 170px;
    right: 0;
    height: 80px; }
.rank-list-2 .left > li > div .rate-wrap .rate-content .rate {
    background: #ebebed;
    height: 80px;
    width: 30%;
    float: right; }
.rank-list-2 .left > li > div .rate-wrap .word-slice {
    height: 80px;
    line-height: 80px;
    margin-left: 10px;
    display: inline-block; }
.rank-list-2 .left > li > div .rate-wrap .word-slice b {
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    cursor: default; }
.rank-list-2 .left > li > div .rate-wrap .word-slice b:nth-child(even) {
    position: relative;
    top: -15px;
    font-size: 14px; }
.rank-list-2 .left > li > div .detail {
    background: #f8f8f8;
    height: 80px; }
.rank-list-2 .left > li > div .detail li {
    float: left;
    text-align: center;
    margin: 0 22px; }
.rank-list-2 .left > li > div .detail li span {
    display: block;
    font-size: 17px;
    margin-top: 20px;
    cursor: pointer; }
.rank-list-2 .left > li > div .detail li span:hover {
    text-decoration: underline; }
.rank-list-2 .left > li > div .detail li a {
    position: relative;
    top: 35px;
    padding: 5px 20px;
    background: #ebeaef;
    border: 1px solid #d0d0d2;
    border-radius: 15px;
    color: #333;
    cursor: pointer; }
.rank-list-2 .left > li > div .detail li a:hover {
    text-decoration: none;
    background: #ee833d;
    color: #fff; }
.rank-list-2 .left > li > div .detail li:last-child {
    margin-right: 0; }
.rank-list-2 .left > li:hover {
    position: relative;
    z-index: 5;
    margin-left: -3px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
.rank-list-2 .left > li:hover .detail {
    background: #fff; }
.rank-list-2 .left li.selected {
    position: relative;
    margin-left: -3px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 4; }
.rank-list-2 .left li.selected .detail {
    background: #fff; }

@media screen and (max-width: 1675px) {
    .rank-list-2 .left > li > div .detail li {
        margin: 0 15px; } }

@media screen and (max-width: 1430px) {
    .rank-list-2 .left > li > div .detail li {
        margin: 0 8px; } }

.positive-color {
    color: #63b129; }

.negtive-color {
    color: #ee2545; }

.common-color {
    color: #3297db; }

.positive-bg {
    background-color: #63b129; }

.negative-bg {
    background-color: #ee2545; }

/*************************************************渠道评论情感分析*/
.channel-emotion-2 {
    height: 530px;
    background-color: #f8f8f8; }
.channel-emotion-2 .left {
    float: left;
    width: 50%;
    height: 100%; }
.channel-emotion-2 .left .graph-part {
    padding: 20px;
    height: 100%; }
.channel-emotion-2 .right {
    margin-left: 50%;
    width: 50%;
    margin-top: -20px;
    margin-right: -15px;
    margin-bottom: -20px; }
.channel-emotion-2 .right > ul {
    position: relative;
    right: -15px;
    background: #fff;
    height: 250px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
.channel-emotion-2 .right > ul:first-child {
    margin-bottom: 30px; }
.channel-emotion-2 .right > ul > ul {
    height: 170px;
    overflow: auto;
    margin-left: 30px; }
.channel-emotion-2 .right > ul > ul li {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 14px 14px 0;
    color: #fff;
    border-radius: 2px;
    cursor: pointer; }
.channel-emotion-2 .right > ul ul.positive-wrap li {
    background-color: #63b129; }
.channel-emotion-2 .right > ul ul.negative-wrap li {
    background-color: #ee2545; }
.channel-emotion-2 .right > ul li {
    padding: 20px; }
.channel-emotion-2 .right > ul li i {
    display: inline-block;
    width: 4px;
    height: 18px; }
.channel-emotion-2 .right > ul li span {
    position: relative;
    top: -4px;
    font-size: 14px;
    padding-left: 5px; }
.channel-emotion-2 .right > ul li .text-wrap {
    position: relative;
    top: -30px;
    height: 180px; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.channel-comment-part .channel-infor .boxshadow {
    background: #f8f8f8;
    height: 320px; }
.channel-comment-part .channel-infor .boxshadow .top-part {
    position: relative; }
.channel-comment-part .channel-infor .boxshadow .top-part img {
    width: 60px; }
.channel-comment-part .channel-infor .boxshadow .top-part p {
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.channel-comment-part .channel-infor .boxshadow .top-part .circle-rate {
    position: absolute;
    top: -10px;
    right: 0;
    width: 80px;
    height: 80px;
    border: 4px solid #ccc;
    border-radius: 100%; }
.channel-comment-part .channel-infor .boxshadow .top-part .circle-rate .rate-wrap {
    position: relative;
    top: -4px;
    left: -4px;
    width: 20%;
    height: 80px;
    overflow: hidden; }
.channel-comment-part .channel-infor .boxshadow .top-part .circle-rate .rate-wrap span {
    display: block;
    width: 80px;
    height: 80px;
    border: 4px solid #1b66cf;
    border-radius: 100%; }
.channel-comment-part .channel-infor .boxshadow .rate-list {
    background: #fff;
    margin: -20px;
    margin-top: 20px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
.channel-comment-part .channel-infor .boxshadow .rate-list ul {
    padding: 20px; }
.channel-comment-part .channel-infor .boxshadow .rate-list ul li {
    margin-bottom: 15px; }
.channel-comment-part .channel-infor .boxshadow .rate-list ul li .rate {
    width: 100%;
    background: #ebeaec;
    border: 1px solid #ccc;
    height: 12px;
    border-radius: 5px;
    overflow: hidden; }
.channel-comment-part .channel-infor .boxshadow .rate-list ul li .rate > div {
    width: 20%;
    height: 10px;
    border-radius: 4px; }
.channel-comment-part .channel-infor .boxshadow .rate-list ul li .rate .blue-rate {
    background: #4b95f3; }
.channel-comment-part .channel-infor .boxshadow .rate-list ul li .rate .blue1-rate {
    background: #2d55ce; }
.channel-comment-part .channel-infor .boxshadow .rate-list ul li .rate .blue2-rate {
    background: #4b95f3; }
.channel-comment-part .channel-infor .boxshadow .rate-list ul li .rate .green-rate {
    background: #2dcd70; }
.channel-comment-part .channel-infor .boxshadow .rate-list ul li .rate .purple-rate {
    background: #774689; }
.channel-comment-part .channel-infor .boxshadow .rate-list ul li .rate .yellow-rate {
    background: #f3d049; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.talk .tg-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 6px; }

.talk table td.doc {
    color: #237bd0; }
.talk table td.doc:hover {
    text-decoration: underline; }

.talk table td.resolving {
    color: #878787;
    position: relative;
    left: -20px; }

.talk table td.failed {
    color: #e44d3c; }

.talk-graph {
    height: 510px; }
.talk-graph .words-union {
    width: 400px;
    height: 400px;
    left: 50%;
    margin-left: -200px;
    top: 50px; }

.talk-two-layout .talk-left {
    width: 180px;
    padding: 50px 0 0px 15px; }
.talk-two-layout .talk-left > div {
    height: 195px; }
.talk-two-layout .talk-left > div > span {
    position: relative;
    top: 115px;
    left: 15px; }
.talk-two-layout .talk-left .positive {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #e6e8f2; }
.talk-two-layout .talk-left img {
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #ccc;
    margin-bottom: 35px; }

.talk-two-layout .talk-graph {
    margin-left: 200px; }

.talk-left ul li {
    text-align: center; }
.talk-left ul li:first-child {
    margin-bottom: 28px; }
.talk-left ul li b {
    display: block;
    font-size: 15px;
    margin-bottom: 18px;
    color: #f33f57; }
.talk-left ul li span {
    font-size: 12px;
    color: #868686; }

.talk-left .positive ul li b {
    color: #2dce70; }

.talk-left i.graph-icon {
    width: 74px;
    height: 77px;
    position: absolute;
    background: url(../../img/graph-icon.jpg) no-repeat;
    background-position: -220px 0; }

.talk-left .positive i.graph-icon {
    background-position: -146px 0; }

button#tk_upload_btn input {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.alert-task-part #headerTop button {
    display: inline-block;
    margin-left: 10px;
    margin-top: 20px; }

.alert-task-part #headerTop span {
    color: #888; }
.alert-task-part #headerTop span b {
    color: #237bd0;
    margin: 0 2px; }

.alert-task-part .table-out-wrap .tg-table .level {
    min-width: 210px !important; }

.alert-task-part .table-out-wrap .tg-table .switch {
    min-width: 180px !important; }

.alert-task-part .table-out-wrap .tg-table td img + span {
    display: inline-block;
    margin-left: 45px; }

.alert-task-part .table-out-wrap .tg-table td .switch-btn {
    background: #ccc;
    width: 40px;
    height: 20px;
    float: left;
    position: relative;
    top: 20px;
    margin-right: 10px; }

.alert-task-part .table-out-wrap .tg-table td .btn-union a {
    display: inline-block;
    width: 80px;
    height: 26px;
    line-height: 25px; }

.alert-task-part .table-out-wrap .tg-table td .btn-union .tg-assist-btn {
    margin-left: 10px; }

.alert-task-part .table-out-wrap .tg-table td .level-circle {
    position: relative;
    top: 3px;
    overflow: hidden;
    display: inline-block; }
.alert-task-part .table-out-wrap .tg-table td .level-circle li {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 1px solid #ccc;
    float: left;
    margin: 0 2px; }

.alert-task-part .table-out-wrap .tg-table td .blue-level li.selected {
    background: #1d64c5; }

.alert-task-part .table-out-wrap .tg-table td .orange-level li.selected {
    background: #e44d3c; }

.alert-task-part .table-out-wrap .tg-table td .red-level li.selected {
    background: #bc0026; }

.alert-task-part .table-out-wrap .tg-table td .gray-level li.selected {
    background: #ccc; }

.alert-task-part .table-out-wrap .tg-table td .yellow-level li.selected {
    background: #f3c93f; }

/*color set*/
/*table color set*/
/*font-size set*/
/*button set*/
/*input set*/
/*background-dev*/
.data-ss-part .header-des {
    height: 100px;
    line-height: 100px;
    border-bottom: 1px solid #ccc; }
.data-ss-part .header-des span {
    font-size: 22px;
    font-weight: bold; }
.data-ss-part .header-des img {
    height: 60px;
    width: 60px;
    margin-right: 10px;
}

.data-ss-part .blockpart .boxshadow {
    /*不知道什么问题反正导致css错误干掉了 height: 320px;*/
}

.data-ss-part .data-kh-quota .boxshadow {
    padding: 0; }
.data-ss-part .data-kh-quota .boxshadow ul {
    overflow: hidden; }
.data-ss-part .data-kh-quota .boxshadow ul li {
    padding: 20px;
    float: left;
    width: 33.3333%;
    height: 160px;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    cursor: pointer; }
.data-ss-part .data-kh-quota .boxshadow ul li:hover {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
.data-ss-part .data-kh-quota .boxshadow ul li p {
    text-align: left;
    margin-top: 15px; }
.data-ss-part .data-kh-quota .boxshadow ul li h3 {
    color: #1c3159;
    font-weight: bold; }
.data-ss-part .data-kh-quota .boxshadow ul li .down {
    font-weight: bold; }
.data-ss-part .data-kh-quota .boxshadow ul li .down + b {
    color: #ec644c;
    font-weight: normal;
    position: relative;
    top: 2px; }
.data-ss-part .data-kh-quota .boxshadow ul li .up {
    font-weight: bold; }
.data-ss-part .data-kh-quota .boxshadow ul li .up + b {
    color: #2ed383;
    font-weight: normal;
    position: relative;
    top: 2px; }

.data-ss-part .data-jd-quota .boxshadow {
    padding: 0; }
.data-ss-part .data-jd-quota .boxshadow ul li {
    width: 100%;
    border-top: 1px solid #f2f2f2;
    height: 106px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px; }
.data-ss-part .data-jd-quota .boxshadow ul li:first-child {
    border-top: none; }
.data-ss-part .data-jd-quota .boxshadow ul li img {
    width: 30px;
    height: 30px;
    margin-right: 5px; }
.data-ss-part .data-jd-quota .boxshadow ul li h3 {
    text-align: center;
    margin: 0;
    color: #1c3159; }

.data-ss-part .data-unusual-watch .boxshadow {
    background: #f8f8f8; }
.data-ss-part .data-unusual-watch .boxshadow .top {
    height: 80px;
    padding: 20px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    margin: -20px  -16px  0 -16px;
    background: #fff; }
.data-ss-part .data-unusual-watch .boxshadow .top img {
    width: 40px;
    height: 40px;
    margin-right: 10px; }
.data-ss-part .data-unusual-watch .boxshadow .top span {
    font-size: 15px; }
.data-ss-part .data-unusual-watch .boxshadow .top span b {
    font-size: 30px;
    margin: 0 10px;
    color: #f33f57;
    font-weight: normal; }
.data-ss-part .data-unusual-watch .boxshadow ul {
    margin: 0 -16px;
    margin-top: 20px;
    height: 201px;
    overflow: auto; }
.data-ss-part .data-unusual-watch .boxshadow ul li {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #ccc;
    padding: 0 30px;
    cursor: pointer; }
.data-ss-part .data-unusual-watch .boxshadow ul li:first-child {
    border-top: none; }
.data-ss-part .data-unusual-watch .boxshadow ul li a {
    float: right;
    color: #888; }
.data-ss-part .data-unusual-watch .boxshadow ul li a:hover {
    color: #237bd0; }
.data-ss-part .data-unusual-watch .boxshadow ul li i {
    position: relative;
    top: 15px;
    margin-right: 8px; }
.data-ss-part .data-unusual-watch .boxshadow ul li .circle {
    float: left;
    width: 8px;
    height: 8px;
    background: #f33f57;
    border-radius: 50%; }
.data-ss-part .data-unusual-watch .boxshadow ul li span {
    float: left;
    margin-right: 20px;
    font-size: 13px; }
.data-ss-part .data-unusual-watch .boxshadow ul li span + span {
    margin-right: 0;
    float: right; }
.data-ss-part .data-unusual-watch .boxshadow ul li span .triangle {
    top: 11px;
    border-top: 8px solid #f33f57;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent; }
.data-ss-part .data-unusual-watch .boxshadow ul li span b {
    color: #f33f57;
    font-weight: normal; }
.data-ss-part .data-unusual-watch .boxshadow ul li:hover {
    background: #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
.data-ss-part .data-unusual-watch .boxshadow ul li.positive span b {
    color: #2dcd70; }
.data-ss-part .data-unusual-watch .boxshadow ul li.positive span .triangle {
    border-bottom: 8px solid #2dcd70;
    border-top: 5px solid transparent;
    top: -11px; }

.data-ss-part .data-intelligent-forecast .boxshadow > div {
    margin-right: -15px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 15px;
    padding-bottom: 15px; }
.data-ss-part .data-intelligent-forecast .boxshadow > div:first-child {
    border-bottom: 1px solid #e6e8f2;
    margin-bottom: 15px; }
.data-ss-part .data-intelligent-forecast .boxshadow > div > b {
    font-size: 30px;
    color: #1c3159;
    font-weight: normal;
    margin-right: 10px; }
.data-ss-part .data-intelligent-forecast .boxshadow > div > span {
    font-size: 14px; }
.data-ss-part .data-intelligent-forecast .boxshadow > div .des {
    margin-top: 20px;
    margin-bottom: 20px; }
.data-ss-part .data-intelligent-forecast .boxshadow > div .des .orange-text {
    color: #f7470b; }
.data-ss-part .data-intelligent-forecast .boxshadow > div .des .yellow-text {
    color: #f3d049; }
.data-ss-part .data-intelligent-forecast .boxshadow > div .des .green-text {
    color: #29b9c9; }
.data-ss-part .data-intelligent-forecast .boxshadow > div .rate-part {
    background: #2dcd70;
    height: 8px;
    margin-bottom: 20px;
    border-radius: 4px; }
.data-ss-part .data-intelligent-forecast .boxshadow > div .rate-part span {
    float: left;
    height: 8px;
    width: 40%; }
.data-ss-part .data-intelligent-forecast .boxshadow > div .rate-part .rate-orange {
    background: #f7470b;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
.data-ss-part .data-intelligent-forecast .boxshadow > div .rate-part .rate-yellow {
    background: #f3d049;
    border-radius: 4px;
    position: relative;
    left: -2px; }
.data-ss-part .data-intelligent-forecast .boxshadow > div .rate-part .rate-green1 {
    background: #29b9c9;
    border-radius: 4px; }

.data-ss-part .data-keypoint-quota .tab-change {
    height: 35px;
    margin-bottom: 0; }
.data-ss-part .data-keypoint-quota .tab-change li {
    float: left;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #ebeaec;
    border-top-right-radius: 15px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer; }
.data-ss-part .data-keypoint-quota .tab-change li:hover {
    color: #fff;
    background: #1c3159; }
.data-ss-part .data-keypoint-quota .tab-change li.selected {
    background: #1c3159;
    color: #fff; }

.data-ss-part .data-keypoint-quota .boxshadow {
    position: relative;
    height: 430px;
    background: #f8f8f8;
    padding: 0; }
.data-ss-part .data-keypoint-quota .boxshadow .graph-part {
    position: relative;
    background: #f8f8f8;
    height: 400px;
    padding: 20px; }
.data-ss-part .data-keypoint-quota .boxshadow #bs_chart_info {
    position: relative;
    float: left;
    z-index: 1;
    padding: 20px 20px 0 20px; }

@media screen and (max-width: 1750px) {
    .data-kh-quota {
        width: 70%; }
    .data-jd-quota {
        width: 30%; }
    .data-intelligent-forecast {
        width: 50%; }
    .data-unusual-watch {
        width: 50%; } }
